@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/Outfit-variable.ttf') format('truetype');
}

:root {
  --cashly-brand: #2a00ff;
  --cashly-text: #f7f8fb;
  --cashly-muted: #929bad;
  --cashly-background: #030711;
  --cashly-content-width: 1200px;
  --cashly-logo-header: 52px;
  --cashly-logo-footer: 44px;
  --cashly-logo-focused: 52px;
  --cashly-header-height: 72px;
}
* { box-sizing: border-box; }
html { min-width: 320px; scroll-padding-top: 110px; }
body { margin: 0; }
body.cashly-brand-network {
  background: var(--cashly-background);
  color: var(--cashly-text);
  font-family: Outfit, Arial, sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
body.cashly-site { min-height: 100vh; min-height: 100dvh; }
body.cashly-layout-members { display: flex; flex-direction: column; }
img { max-width: 100%; height: auto; }
a { color: #a99fff; }
button, input, select, textarea { font: inherit; }
[hidden] { display: none !important; }
.cashly-page-content {
  width: min(var(--cashly-content-width), calc(100% - 40px));
  margin: 0 auto;
  padding-top: 36px;
  flex: 1;
  outline: none;
}
.cashly-layout-focus .cashly-page-content { width: 100%; padding-top: 0; }
.cashly-layout-auth .cashly-page-content { width: 100%; padding: 0; }
.cashly-skip-link { position: fixed; left: 16px; top: -100px; z-index: 2147483647; padding: 12px 18px; border-radius: 12px; background: #fff; color: #020617; }
.cashly-skip-link:focus { top: 12px; }
.cashly-button, .cashly-header-login {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 48px; padding: 10px 20px; border: 0; border-radius: 13px;
  background: var(--cashly-brand); color: #fff; text-decoration: none; font-size: 14px; font-weight: 650;
  box-shadow: 0 13px 30px rgba(42,0,255,.24);
}
.cashly-button:hover, .cashly-header-login:hover { background: #3716ff; color: #fff; }
.cashly-header-login { min-height: 38px; padding: 7px 14px; font-size: 12px; }
.cashly-button:focus-visible, .cashly-header-login:focus-visible { outline: 2px solid #a198ff; outline-offset: 4px; }
.cashly-simple-panel { max-width: 880px; margin: 40px auto 64px; padding: clamp(26px,6vw,64px); border: 1px solid rgba(255,255,255,.08); border-radius: 22px; background: linear-gradient(135deg,#020617,#071225); }
.cashly-simple-panel h1 { margin: 0 0 18px; font-size: clamp(28px,4vw,44px); line-height: 1.15; }
.cashly-simple-panel p { color: #a6afc0; }
.cashly-simple-panel .cashly-eyebrow { margin: 0 0 10px; color: #9b8fff; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.cashly-development-status { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 14px; width: min(var(--cashly-content-width),calc(100% - 40px)); margin: 24px auto 0; padding: 12px 16px; border: 1px dashed rgba(164,151,255,.3); border-radius: 12px; color: #939cb1; font-size: 12px; }
.cashly-development-status strong { color: #c0b7ff; }
.cashly-development-status span { overflow-wrap: anywhere; }
.cashly-unavailable { display: inline-block; color: #a9a2c7; font-size: 12px; font-weight: 500; line-height: 1.4; }
body.cashly-layout-focus .cn-learning-focus-logo,
body.cashly-layout-focus .cn-learning-focus-logo img,
body.cashly-layout-focus .cn-basics-logo,
body.cashly-layout-focus .cn-basics-logo img,
body.cashly-layout-focus .cn-pathway-logo,
body.cashly-layout-focus .cn-pathway-logo img {
  width: var(--cashly-logo-focused) !important;
  min-width: var(--cashly-logo-focused) !important;
  max-width: var(--cashly-logo-focused) !important;
  height: var(--cashly-logo-focused) !important;
  min-height: var(--cashly-logo-focused) !important;
  max-height: var(--cashly-logo-focused) !important;
  object-fit: contain !important;
}
body.cashly-layout-focus .cn-learning-focus-header-inner,
body.cashly-layout-focus .cn-basics-header-inner,
body.cashly-layout-focus .cn-pathway-header-inner { min-height: var(--cashly-header-height); }
@media(max-width:768px) {
  :root { --cashly-logo-header: 40px; --cashly-logo-footer: 44px; --cashly-logo-focused: 40px; --cashly-header-height: 64px; }
  .cashly-page-content { width: calc(100% - 32px); padding-top: 20px; }
  .cashly-development-status { width: calc(100% - 32px); }
  .cashly-simple-panel { margin-top: 20px; padding: 28px 24px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } }