.onboarding-page{--onboarding-green:#087523;--onboarding-ink:#101921;--onboarding-muted:#4d5862;--onboarding-border:#e8ede9;--type-page-title:clamp(1.625rem,2.2vw,2rem);max-width:1600px;color:var(--onboarding-ink);font-family:var(--font-family-ui);margin:0 auto;padding:0 24px 32px}.onboarding-preview-note{color:var(--onboarding-muted);font-size:var(--text-caption);flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 12px;line-height:1.6;display:flex}.onboarding-preview-note>span{color:var(--onboarding-green);background:#f5faf5;border:1px solid #dce9dd;border-radius:20px;padding:3px 9px;font-weight:700}.onboarding-steps{margin:0;padding:14px 0 24px;list-style:none;display:flex}.onboarding-steps li{text-align:center;font-size:var(--text-small);color:#626976;flex-direction:column;flex:1;align-items:center;gap:10px;display:flex;position:relative}.onboarding-steps li:not(:last-child):after{content:"";background:#e1e6e3;height:2px;position:absolute;top:18px;left:calc(50% + 32px);right:calc(32px - 50%)}.onboarding-steps li.step-reached:not(:last-child):after{background:#288138}.onboarding-steps li[aria-current=step]:not(:last-child):after{background:linear-gradient(90deg,#288138 50%,#e1e6e3 50%)}.step-number{color:#fff;width:38px;height:38px;font-size:var(--text-lead);background:linear-gradient(#a1a5ac,#777c83);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 2px 4px #ffffff50}.step-reached .step-number{background:linear-gradient(#229538,#006314)}.onboarding-steps .step-reached{color:#146622}.onboarding-steps [aria-current=step]{font-weight:700}.interests-panel{border:1px solid var(--onboarding-border);background:#fff;border-radius:15px;padding:26px 32px 10px}.interests-intro{justify-content:space-between;align-items:flex-start;gap:26px;margin:0 0 24px;display:flex}.interests-intro h1{font-size:var(--type-page-size);letter-spacing:-.7px;line-height:var(--type-page-line);font-family:var(--font-family-heading);margin:0 0 10px}.interests-intro>div>p{color:#36404e;margin:0;line-height:1.8}.interests-control-note{background:#f3f9f3;border-radius:12px;flex:0 0 275px;gap:14px;padding:20px;display:flex}.interests-control-note>.ico{color:#18782a;flex-shrink:0}.interests-control-note h2{color:#125c1c;margin:0 0 8px}.interests-control-note p{line-height:var(--type-body-line);font-size:var(--type-body-size);margin:0}.interest-columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.interest-card{--interest-color:#0d6c20;--interest-border:#b5dcb6;--interest-tint:#f5faf5;border:1px solid var(--interest-border);background:linear-gradient(140deg,var(--interest-tint),#fff);border-radius:12px;flex-direction:column;min-width:0;margin:0;padding:20px 10px 12px;display:flex}.interest-learn{--interest-color:#b65b00;--interest-border:#f3d5a6;--interest-tint:#fffbf4}.interest-engage{--interest-color:#5430a0;--interest-border:#d9caf5;--interest-tint:#faf7ff}.interest-earn{--interest-color:#116c1c;--interest-border:#b8dfbc;--interest-tint:#f5faf5}.interest-heading{align-items:center;gap:14px;padding:0 10px;display:flex}.interest-heading>.ico{width:48px;height:48px;color:var(--interest-color);filter:drop-shadow(0 2px 1px #00000012)}.interest-heading>.ico svg{stroke-width:1.7px;width:44px;height:44px}.interest-heading h2{color:var(--interest-color);margin:0 0 5px}.interest-heading p{font-size:var(--type-body-size);line-height:var(--type-body-line);margin:0}.interest-description{min-height:80px;font-size:var(--type-body-size);line-height:var(--type-body-line);margin:18px 9px 10px}.interest-topics{border:1px solid var(--onboarding-border);background:#ffffffce;border-radius:12px;flex:1;padding:10px 4px}.interest-topics label{cursor:pointer;min-height:37px;font-size:var(--type-label-size);line-height:var(--type-label-line);border-radius:6px;align-items:flex-start;gap:11px;padding:8px;display:flex}.interest-topics label:hover{background:var(--interest-tint)}.interest-topics input{width:16px;height:16px;accent-color:var(--interest-color);cursor:pointer;flex-shrink:0;margin:2px 0 0}.interest-topics label:has(input:focus-visible){outline:2px solid var(--interest-color);outline-offset:1px}.interest-selection{border:1px solid var(--interest-border);background:var(--interest-tint);color:var(--interest-color);font-size:var(--type-body-size);line-height:var(--type-body-line);border-radius:10px;justify-content:space-between;align-items:center;gap:6px;margin:0 3px;padding:5px 10px;display:flex}.interest-selection>span{white-space:nowrap;align-items:center;gap:7px;font-weight:700;display:flex}.interest-selection .ico,.interest-selection .ico svg{width:18px;height:18px}.interest-selection button{color:inherit;min-height:34px;font-size:var(--type-button-size);line-height:var(--type-button-line);background:0 0;border:0;padding:8px 2px;text-decoration:underline}.interests-footer{border:1px solid var(--onboarding-border);border-radius:12px;justify-content:space-between;align-items:stretch;margin-top:26px;display:flex;overflow:hidden}.interests-why{background:#f4f9f5;flex:1;align-items:center;gap:15px;padding:20px;display:flex}.why-icon{width:56px;height:56px;color:var(--onboarding-green);background:#dfefdb;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.why-icon .ico,.why-icon svg{width:32px;height:32px}.interests-why h2{color:#165c1f;margin:0 0 6px}.interests-why p{font-size:var(--type-body-size);line-height:var(--type-body-line);margin:0}.interests-actions{align-items:center;gap:28px;padding:20px;display:flex}.onboarding-text-button{color:#075b1c;text-underline-offset:4px;white-space:nowrap;background:0 0;border:0;min-height:44px;font-weight:700;text-decoration:underline}.onboarding-primary{color:#fff;min-height:54px;font-size:var(--type-button-size);font-weight:700;line-height:var(--type-button-line);background:linear-gradient(120deg,#118527,#006217);border:1px solid #09671f;border-radius:10px;justify-content:center;align-items:center;gap:32px;padding:16px 24px;text-decoration:none;display:inline-flex}.onboarding-primary:hover{background:#085e1b}.onboarding-primary:disabled{opacity:.5;cursor:not-allowed}.interest-selection-help{text-align:right;color:var(--onboarding-muted);font-size:var(--type-body-size);min-height:18px;line-height:var(--type-body-line);margin:10px 0 0}.onboarding-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.welcome-page{--type-page-title:clamp(2rem,3.5vw,2.875rem)}.welcome-panel{border:1px solid var(--onboarding-border);border-radius:15px;padding:0 28px 18px;overflow:hidden;box-shadow:0 4px 16px #142b4209}.welcome-hero{text-align:center;aspect-ratio:3;background:url(/assets/onboarding/welcome-celebration.png) bottom/100% no-repeat;min-height:300px;margin:0 -28px;padding:26px 22% 20px;position:relative}.welcome-party{margin-bottom:8px;font-size:64px;line-height:1.25;display:block}.welcome-hero h1{font-size:var(--type-hero-size);font-weight:700;line-height:var(--type-hero-line);font-family:var(--font-family-heading);margin:0 0 14px}.welcome-hero>p{font-size:var(--type-body-size);line-height:var(--type-body-line);margin:0 0 14px}.welcome-bonus{font-size:var(--text-small);color:#216c2a;background:#ffffffed;border:1px solid #deebdc;border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;padding:7px 12px;display:inline-flex}.welcome-bonus>span:last-child{color:#53604f;font-size:var(--text-caption)}.welcome-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:4px 0 18px;display:grid}.welcome-action{--action-color:#32782e;--action-bg:#f0f7ef;border:1px solid var(--onboarding-border);background:#fff;border-radius:18px;gap:14px;padding:20px 16px;transition:border-color .15s,transform .15s;display:flex;box-shadow:0 3px 9px #152b4410}.welcome-action:hover{border-color:var(--action-color);transform:translateY(-2px)}.welcome-learn{--action-color:#315dbe;--action-bg:#eef3ff}.welcome-engage{--action-color:#6640a5;--action-bg:#f3effa}.welcome-earn{--action-color:#a5710e;--action-bg:#fbf6e9}.welcome-action-icon{color:#fff;background:radial-gradient(at 25% 20%,#fff6,transparent 65%),var(--action-color);width:52px;height:52px;box-shadow:0 0 0 5px var(--action-bg);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.welcome-action-icon .ico,.welcome-action-icon svg{width:32px;height:32px}.welcome-action>div{flex-direction:column;align-items:flex-start;display:flex}.welcome-pillar{color:var(--action-color);margin:3px 0 9px;font-weight:700}.welcome-action h2{line-height:var(--type-heading-line);font-size:var(--type-section-size);margin:0 0 10px}.welcome-description{color:#41494f;line-height:var(--type-body-line);font-size:var(--type-body-size);margin:0 0 14px}.welcome-arrow{background:var(--action-bg);width:44px;height:44px;color:var(--action-color);border-radius:50%;place-items:center;margin-top:auto;display:grid}.welcome-dashboard{background:linear-gradient(#46853f,#326532);border-color:#448441;width:100%;display:flex;position:relative}.welcome-dashboard>.ico{position:absolute;right:22px}.welcome-reassurance{border:1px solid var(--onboarding-border);background:linear-gradient(100deg,#f5faf3,#fff);border-radius:12px;align-items:center;gap:18px;margin-top:18px;padding:20px;display:flex}.welcome-reassurance>.ico{color:#387d39;width:42px;height:42px}.welcome-reassurance>.ico svg{width:42px;height:42px}.welcome-reassurance h2{color:#306e32;margin:0 0 5px}.welcome-reassurance p{color:var(--onboarding-muted);font-size:var(--type-body-size);line-height:var(--type-body-line);margin:0}.welcome-reassurance>a{color:#316d32;font-size:var(--text-small);align-items:center;gap:12px;margin-left:auto;font-weight:700;display:flex}.welcome-edit{color:#316d32;font-size:var(--text-small);padding:12px 0;text-decoration:underline;display:inline-block}@media (max-width:1399px){.interest-columns{gap:12px}.interests-panel{padding:24px 20px 12px}.interest-heading{gap:8px;padding:0 4px}.interest-description{min-height:100px;margin-left:4px;margin-right:4px}.interest-topics label{gap:7px;padding:7px 4px}.interests-actions{gap:18px;padding:16px}.welcome-action{flex-direction:column}.welcome-action>div{flex:1}}@media (max-width:1199px){.interest-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.interest-description{min-height:auto}.interests-intro{flex-wrap:wrap}.interests-control-note{flex-basis:100%;padding:14px 18px}.interests-footer{flex-direction:column}.interests-actions{justify-content:flex-end}.welcome-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-action{flex-direction:row}}@media (max-width:599px){.onboarding-page{padding:0 12px 24px}.onboarding-preview-note{font-size:var(--text-caption)}.onboarding-steps{padding:12px 0 22px}.onboarding-steps li{font-size:var(--text-caption)}.interests-panel{padding:20px 14px 12px}.interests-intro h1{font-size:var(--type-page-size);line-height:var(--type-page-line);font-family:var(--font-family-heading)}.interest-columns{grid-template-columns:1fr}.interest-card{padding:18px 12px 12px}.interest-description{margin:12px 4px}.interest-topics label{align-items:center;min-height:44px;padding:9px}.interests-actions{flex-direction:column-reverse;gap:5px}.interests-actions .onboarding-primary{gap:18px;width:100%}.interests-why{align-items:flex-start;padding:16px}.why-icon{width:42px;height:42px}.onboarding-desktop-break{display:none}.interest-selection-help{text-align:left}.welcome-panel{padding:0 14px 14px}.welcome-hero{aspect-ratio:auto;background-size:100%;min-height:320px;margin:0 -14px;padding:20px 8px 105px}.welcome-party{font-size:48px}.welcome-hero>p{font-size:var(--type-body-size);line-height:var(--type-body-line)}.welcome-bonus{font-size:var(--text-caption)}.welcome-actions{grid-template-columns:1fr;gap:12px}.welcome-action{gap:18px;padding:18px}.welcome-action>div{flex:1}.welcome-action h2{font-size:var(--type-section-size);line-height:var(--type-heading-line)}.welcome-dashboard{font-size:var(--text-body);padding:16px 38px 16px 12px}.welcome-dashboard>.ico{right:12px}.welcome-reassurance{flex-wrap:wrap;gap:12px;padding:16px}.welcome-reassurance>div{flex:1}.welcome-reassurance>a{min-height:38px;margin-left:54px}}