:root{--color-brand-primary: #f6d985;--color-brand-secondary: #ffffff;--color-brand-tertiary: #423689;--color-brand-alternate: #251d54;--color-utility-primary-text: #ffffff;--color-utility-secondary-text: #d1cafc;--color-utility-primary-background: #151131;--color-utility-secondary-background: #06021f;--color-semantic-success: #5ac058;--color-semantic-error: #ff4140;--color-semantic-warning: #ff4140;--color-semantic-info: #1f1f2b;--color-accent-1-modal-bg: rgba(20, 16, 47, .8);--color-accent-2-scrubber-bg: rgba(20, 16, 47, .4);--color-accent-3-animal-overlay: rgba(255, 255, 255, .4);--color-accent-4-shadow: rgba(21, 17, 45, .3);--color-profile-1: #f6d985;--color-profile-2: #67d8fc;--color-profile-3: #77da8d;--color-profile-4: #ff7a6b;--color-profile-5: #b68aff;--color-profile-6: #f7faff;--color-profile-7: #feac61;--color-profile-8: #ff98bd;--bg: var(--color-utility-secondary-background);--bg-elev: var(--color-utility-primary-background);--panel-blur: rgba(6, 2, 31, .7);--panel-tint: rgba(6, 2, 31, .39);--border: var(--color-brand-tertiary);--accent-yellow: var(--color-brand-primary);--accent-green: var(--color-profile-3);--accent-purple: var(--color-profile-5);--accent-pink: var(--color-profile-8);--accent-coral: var(--color-profile-4);--warning: var(--color-semantic-warning);--success: var(--color-semantic-success);--info: var(--color-semantic-info);--modal-bg: var(--color-accent-1-modal-bg);--text: var(--color-utility-primary-text);--text-muted: var(--color-utility-secondary-text);--button-text: var(--color-brand-alternate);--font-display: "Alan Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--breakpoint-mobile-max: 375px;--breakpoint-tablet-max: 1024px;--text-size: 1rem;--text-size-md: 1.1rem;--text-size-lg: 1.3rem;--text-size-xl: 1.45rem;--text-size-2xl: 1.7rem;--text-size-sm: .9rem;--text-size-xs: .8rem;--text-size-2xs: .7rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 24px;--shadow-card: 0 4px 12px var(--color-accent-4-shadow);--shadow-pin: 0 6px 9px var(--color-accent-4-shadow)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.6;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,textarea{font:inherit;color:inherit}a{color:var(--accent-purple);text-decoration:none}.t-display-md{font-family:var(--font-display);font-weight:500;font-size:32px;line-height:1.3;letter-spacing:0}.t-headline-lg{font-family:var(--font-display);font-weight:500;font-size:28px;line-height:1.2}.t-headline-md{font-family:var(--font-display);font-weight:400;font-size:22px;line-height:1.25}.t-headline-sm{font-family:var(--font-display);font-weight:600;font-size:16px;line-height:1.2}.t-body-lg{font-family:var(--font-body);font-weight:400;font-size:22px;line-height:1.4}.t-body-md{font-family:var(--font-body);font-weight:400;font-size:16px;line-height:1.6}.t-body-sm{font-family:var(--font-body);font-weight:400;font-size:14px;line-height:1.5}.t-label-lg{font-family:var(--font-body);font-weight:600;font-size:16px;line-height:1.2}.t-label-md{font-family:var(--font-body);font-weight:500;font-size:14px;line-height:1.2}.text-muted{color:var(--text-muted);margin:0}.text-coral{color:var(--accent-coral);margin:0}.text-purple{color:var(--accent-purple);margin:0}.form-error{color:var(--accent-coral);margin:0}.auth-shell{position:relative;min-height:100vh;background:var(--bg);display:flex;flex-direction:column;overflow:hidden;isolation:isolate}.auth-shell__bg{position:absolute;inset:0;z-index:0;background-image:url(/images/auth-background.svg);background-repeat:no-repeat;background-position:bottom;background-size:contain;pointer-events:none}.auth-shell__topbar{position:relative;z-index:2;padding:28px 32px 0}.auth-shell__logo{display:inline-flex;align-items:center;width:170px;height:50px;text-decoration:none;color:inherit}.auth-shell__logo img,.auth-shell__logo svg{width:100%;height:100%;display:block;object-fit:contain}.auth-shell__main{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.auth-shell__bottombar{position:relative;z-index:2;padding:40px}.content-panel{background:var(--panel-blur);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:var(--radius-xl);padding:60px;display:flex;flex-direction:column;align-items:center;justify-content:start}.content-panel--centered{gap:42px}.content-columns{display:flex;align-items:center;gap:90px}.content-columns--center{justify-content:center}.marketing{display:flex;flex-direction:column;gap:36px;padding-top:33px;color:var(--text);width:434px}.marketing__heading{font-family:var(--font-display);font-weight:500;font-size:32px;line-height:1.3;margin:0;width:413px}.marketing__heading .accent-coral{color:var(--accent-coral)}.marketing__heading .accent-green{color:var(--accent-green)}.marketing__body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text)}.marketing__features{display:flex;flex-direction:column;gap:12px;width:279px;list-style:none;margin:0;padding:0}.feature-check{display:flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text)}.feature-check__tick{flex-shrink:0;width:24px;height:24px;border-radius:999px;background:var(--color-brand-secondary);display:inline-flex;align-items:center;justify-content:center;color:var(--bg)}.feature-check__tick svg{display:block}.auth-card{display:flex;flex-direction:column;gap:10px;width:100%;max-width:430px}.auth-card__panel{background:var(--panel-tint);border-radius:var(--radius-lg);padding:32px;display:flex;flex-direction:column}.auth-card__panel--with-gap{gap:50px}.auth-card__header{display:flex;flex-direction:column;gap:36px;padding-bottom:24px;color:var(--text)}.auth-card__title{font-family:var(--font-display);font-weight:500;font-size:28px;line-height:1.2;margin:0}.auth-card__step{font-family:var(--font-display);font-weight:400;font-size:22px;line-height:1.25;margin:0 0 0 33px;list-style:decimal}.auth-card__step li{list-style:decimal}.auth-card__form{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%}.auth-card__fields{display:flex;flex-direction:column;gap:16px;width:100%}.auth-card__bottom{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:var(--radius-lg);padding:12px;display:flex;align-items:center;justify-content:center}.form-field{display:flex;flex-direction:column;gap:6px}.form-field__label{font-family:var(--font-body);font-weight:500;font-size:14px;line-height:1.2;color:var(--text)}.field{display:flex;align-items:center;height:48px;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-md);background:transparent;box-shadow:var(--shadow-card);width:100%;transition:border-color .12s ease}.field:focus-within{border-color:var(--accent-purple)}.field input{flex:1;min-width:0;background:transparent;border:0;outline:none;font-family:var(--font-body);font-weight:400;font-size:16px;line-height:1.6;color:var(--text);caret-color:var(--accent-yellow)}.field input::placeholder{color:var(--text);opacity:1}.field__toggle{margin-left:8px;color:var(--text);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.field__toggle:hover{color:var(--accent-purple)}.checkbox{display:inline-flex;align-items:center;gap:12px;cursor:pointer}.checkbox__label{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text)}.checkbox__label strong{font-weight:700;color:var(--text-muted)}.checkbox__box{flex-shrink:0;position:relative;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center}.checkbox__square{width:40px;height:40px;border-radius:var(--radius-md);border:4px solid var(--color-utility-secondary-text);display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,border-color .12s ease;color:transparent}.checkbox input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.checkbox input[type=checkbox]:checked+.checkbox__square{background:var(--accent-green);border-color:var(--accent-green);color:var(--bg)}.checkbox input[type=checkbox]:focus-visible+.checkbox__square{outline:2px solid var(--color-brand-primary);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:48px;padding:16px;border-radius:var(--radius-md);font-family:var(--font-body);font-weight:600;font-size:16px;line-height:1.2;width:100%;transition:filter .12s ease,opacity .12s ease,transform .12s ease;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):hover{filter:brightness(1.05)}.btn:not(:disabled):active{transform:translateY(1px)}.btn--primary-green{background:var(--accent-green);color:var(--button-text)}.btn--primary-purple{background:var(--accent-purple);color:var(--button-text)}.btn--link-pink{background:transparent;color:var(--accent-pink)}.btn--link-purple{background:transparent;color:var(--accent-purple)}.btn--ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn--auto{width:auto;padding-inline:16px}.btn--small{width:auto;height:auto;padding:9px 16px;font-size:9px;line-height:1.45;border-radius:var(--radius-sm)}.btn-link{background:transparent;color:var(--accent-purple);font-family:var(--font-body);font-weight:600;font-size:22px;line-height:1.2}.btn-link--soft{color:var(--accent-purple)}.btn-link--soft .btn-link__lead{font-weight:400;color:var(--accent-purple)}.plan-list{display:flex;flex-direction:column;gap:16px;width:100%;padding-bottom:28px}.plan-card{display:flex;align-items:flex-start;gap:16px;padding:12px;border-radius:var(--radius-md);background:var(--bg-elev);border:2px solid transparent;cursor:pointer;text-align:left;width:100%;color:var(--text);transition:border-color .12s ease,transform .12s ease}.plan-card:hover{border-color:#77da8d66}.plan-card[aria-pressed=true],.plan-card--selected{border-color:var(--accent-green)}.plan-card__body{flex:1;min-width:0;display:flex;flex-direction:column;padding-left:8px;gap:8px;align-items:flex-start;justify-content:flex-start}.plan-card__title{font-family:var(--font-display);font-weight:300;font-size:var(--text-size-md);line-height:1.2;margin:0;width:100%}.plan-card__price-row{display:flex;align-items:center;gap:9px;white-space:nowrap}.plan-card__price{font-family:var(--font-display);font-weight:400;font-size:var(--text-size--lg);line-height:1.2;white-space:nowrap}.plan-card__cadence{font-family:var(--font-body);font-weight:400;font-size:var(--text-size-md);line-height:1.55;color:var(--text)}.plan-card__badge{flex-shrink:0;background:var(--accent-yellow);color:var(--bg-elev);border-radius:var(--radius-sm);padding:2px 7px;font-family:var(--font-body);font-weight:500;font-size:var(--text-size--md);line-height:1.2;white-space:nowrap}.plan-picker .plan-card{display:flex;justify-content:space-between;border-width:2px}.plan-picker .plan-card__body{display:flex;padding-left:0;gap:2px;justify-items:stretch}.plan-picker .plan-card__title{font-size:var(--text-size-xs);line-height:1.45}.plan-picker .plan-card__price{font-size:var(--text-size-lg);line-height:1.25}.plan-picker .plan-card__cadence{font-size:var(--text-size-2xs)}.plan-picker .plan-card__badge{font-size:var(--text-size-xs);padding:2px 7px}.signup-panel{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text)}.signup-panel__inner{display:flex;flex-direction:column;gap:42px;align-items:stretch}.signup-panel__header{display:flex;flex-direction:column;gap:10px;text-align:center}.signup-panel__title{margin:0;font-family:var(--font-display);font-weight:500;font-size:32px;line-height:1.3}.signup-panel__form{display:flex;flex-direction:column;gap:23px}.signup-columns{display:flex;align-items:flex-start;gap:74px;padding-bottom:16px}.signup-column{display:flex;flex-direction:column;gap:16px}.signup-column--plans,.signup-column--details{width:340px}.signup-step{margin:0 0 0 33px;padding:16px 0 0;list-style:decimal;font-family:var(--font-display);font-weight:400;font-size:22px;line-height:1.25;color:var(--text)}.signup-step li{list-style:decimal}.signup-plan-list{padding-bottom:0}.signup-fields{display:flex;flex-direction:column;gap:16px}.signup-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px 0;border-top:1px solid var(--border)}.signup-footer .checkbox{flex:1;min-width:0}.signup-submit{flex-shrink:0}.signup-panel__bottom{display:flex;align-items:center;justify-content:center;height:48px;width:100%}.pin{display:flex;flex-direction:column;gap:36px;align-items:center;justify-content:center;padding:6px}.pin__row{display:flex;gap:18px;padding:18px;border-radius:var(--radius-md);filter:drop-shadow(var(--shadow-pin))}.pin__cell{width:69px;height:69px;border:3px solid var(--accent-purple);border-radius:var(--radius-sm);background:transparent;color:var(--text);font-family:var(--font-display);font-weight:500;font-size:28px;line-height:1;text-align:center;caret-color:var(--accent-yellow);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.pin__cell:focus{border-color:var(--accent-yellow);box-shadow:0 0 0 3px #f6d98540}.pin__row--compact{gap:9px;padding:9px}.pin__cell--compact{width:35px;height:35px;border-width:1.5px;border-radius:var(--radius-sm);font-size:18px}.pin__cell--compact:focus{box-shadow:0 0 0 2px #f6d98540}.dashboard-panel{flex-direction:row;align-items:start;justify-content:center;gap:70px}.dashboard-panel__column{display:flex;flex-direction:column}.dashboard-panel__column--left{gap:5px;align-items:stretch;width:400px}.dashboard-panel__column--right{align-self:stretch;align-items:center;justify-content:center;gap:16px;width:380px}.dashboard-panel__divider{align-self:stretch;width:1px;background:var(--border);border-radius:1px}.welcome-block{display:flex;flex-direction:column;gap:13px;padding-bottom:9px}.welcome-block__greeting{margin:0;font-family:var(--font-display);font-weight:500;font-size:36px;line-height:1.3;color:var(--accent-pink)}.welcome-block__intro{margin:0;font-family:var(--font-display);font-weight:400;font-size:22px;line-height:1.25;color:var(--text)}.onboarding{display:flex;flex-direction:column;gap:20px;padding:12px 0}.onboarding__caption{margin:0;font-family:var(--font-body);font-size:14px;line-height:1.55;color:var(--text)}.checklist{list-style:none;margin:0;padding:6px 6px 6px 3px;display:flex;flex-direction:column;gap:3px;background:var(--bg);border-radius:var(--radius-lg);filter:drop-shadow(0 9px 11px var(--color-accent-4-shadow))}.checklist__item{display:flex;align-items:center;gap:16px;padding:9px 12px}.checklist__counter{flex-shrink:0;width:30px;height:30px;border-radius:999px;border:2px solid var(--color-brand-alternate);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:600;font-size:12px;line-height:1.2;color:var(--text)}.checklist__label{flex:1;min-width:0;font-family:var(--font-body);font-weight:400;font-size:14px;line-height:1.55;color:var(--text-muted)}.checklist__check{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-sm);border:2px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:background .12s ease,color .12s ease,border-color .12s ease}.checklist__item--done .checklist__check{background:var(--text);border-color:var(--text);color:var(--bg)}.checklist__item--done .checklist__label{color:var(--text)}.account-summary{background:var(--panel-blur);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;gap:24px;width:100%;color:var(--text)}.plan-picker{display:flex;flex-direction:column;gap:8px;width:100%}.subscription-cta{flex:auto;padding:8px 12px;border:0;border-radius:var(--radius-sm);background:var(--accent-purple);color:var(--button-text);font-family:var(--font-body);font-weight:500;font-size:var(--text-size);line-height:1.35;cursor:pointer;transition:opacity .12s ease}.subscription-cta:hover:not(:disabled){opacity:.88}.subscription-cta:disabled{opacity:.55;cursor:not-allowed}.subscription-secondary{display:flex;flex-direction:row;gap:8px;justify-content:flex-end}.verify-banner{border:1px solid var(--color-brand-tertiary);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:8px}.verify-banner--blocking{background:#ff41401a;border-color:var(--warning)}.verify-banner__copy{margin:0;font-family:var(--font-body);font-size:var(--text-size-sm);line-height:1.45;color:var(--text)}.verify-banner--blocking .verify-banner__copy{color:var(--warning)}.verify-banner__notice{margin:0;font-family:var(--font-body);font-size:var(--text-size-sm);line-height:1.45;color:var(--text-muted)}.verify-banner__resend{border:0;background:transparent;padding:0;font-family:var(--font-body);font-size:var(--text-size-sm);line-height:1.45;color:var(--accent-purple);cursor:pointer;text-align:left}.verify-banner__resend:disabled{opacity:.6;cursor:not-allowed}.plan-pill{align-items:center;width:100%;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:400;cursor:pointer;transition:filter .12s ease,background .12s ease,color .12s ease}.plan-pill:hover{filter:brightness(1.05)}.plan-pill--primary{background:var(--accent-purple);color:var(--button-text);padding:3px 6px;font-size:var(--text-size);line-height:1.45;border:0}.plan-pill--danger{flex:0;background:transparent;color:var(--warning);padding:8px 16px;font-size:var(--text-size-sm);line-height:1.2;border:1px solid var(--warning)}.plan-pill--danger:hover{background:#ff414014}.trial-card{display:flex;flex-direction:column;gap:12px;width:100%}.trial-card__title{margin:0;font-family:var(--font-display);font-weight:500;font-size:var(--text-size-lg);line-height:1.2;color:var(--text)}.trial-card__bar{height:8px;width:100%;background:var(--modal-bg);border-radius:20px;overflow:hidden}.trial-card__playhead{display:block;height:100%;background:var(--accent-pink);border-top-right-radius:16px;border-bottom-right-radius:16px;transition:width .24s ease}.trial-card__caption{margin:0;font-family:var(--font-body);font-size:var(--text-size);line-height:1.45;color:var(--text)}.account-actions{background:var(--panel-blur);border-radius:var(--radius-lg);padding:12px;display:flex;align-items:stretch;gap:3px;width:100%}.account-actions--grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto}.account-action{min-width:0;padding:6px 12px;display:flex;align-items:center;gap:9px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text);cursor:pointer;filter:drop-shadow(0 9px 11px var(--color-accent-4-shadow));transition:background .12s ease}.account-action:hover,.account-action:focus-visible{background:#ffffff0a;outline:none}.account-action:disabled{opacity:.45;cursor:not-allowed}.account-action__icon{flex-shrink:0;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.account-action__label{flex:1;min-width:0;font-family:var(--font-body);font-size:var(--text-size-sm);line-height:1.2;text-align:left;color:var(--text)}.account-action[aria-expanded=true]{background:#ffffff0f}.account-form{background:var(--panel-blur);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px;width:100%;color:var(--text)}.account-form__caption{margin:0;font-family:var(--font-body);font-size:var(--text-size-md);line-height:1.45;color:var(--text)}.account-form__actions{display:flex;flex-direction:column;gap:4px}.stack{display:flex;flex-direction:column}.stack--gap-sm{gap:8px}.stack--gap-md{gap:16px}.stack--gap-lg{gap:24px}.center-text{text-align:center}.full-width{width:100%}.error-page{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:60vh;padding:48px 24px}.error-card{background:var(--panel-tint);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:var(--radius-lg);padding:32px;max-width:480px;display:flex;flex-direction:column;gap:16px;text-align:center}@media(max-width:1024px){.auth-shell__bg{max-height:100vh;position:fixed;background-position:bottom;background-size:auto}.content-panel{padding:32px}.content-columns{flex-direction:column;gap:36px;align-items:stretch}.marketing,.marketing__heading{width:100%;max-width:434px}.marketing__features{width:100%}.signup-columns{flex-direction:column;gap:28px}.signup-column--plans,.signup-column--details{width:100%}.signup-footer{flex-direction:column;align-items:stretch;gap:20px}.signup-submit{width:100%}.dashboard-panel{flex-direction:column;gap:36px}.dashboard-panel__column--left,.dashboard-panel__column--right{width:100%;max-width:419px}.dashboard-panel__divider{align-self:stretch;width:auto;height:1px}}@media(max-width:430px){.auth-shell__bg{max-height:100vh;position:fixed;background-position:bottom;background-size:auto}.auth-card__panel{padding:2px}.pin__row{gap:8px;padding:8px}.pin__cell{width:44px;height:44px;font-size:22px}}