@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--fitswa-bg:#10120f;--fitswa-panel:#191b18;--fitswa-panel-2:#22241f;--fitswa-gold:#d4af37;--fitswa-gold-hover:#f5d778;--fitswa-text:#f7f6f0;--fitswa-muted:#a8aaa2;--fitswa-border:#ffffff1c}*{box-sizing:border-box}.fitswa-onboarding{background:radial-gradient(ellipse at 50% 0%,#d4af3712,transparent 48%),var(--fitswa-bg);min-height:100svh;color:var(--fitswa-text);padding:12px 20px 18px;font-family:DM Sans,Arial,sans-serif}.onboarding-shell{flex-direction:column;width:100%;max-width:650px;min-height:calc(100svh - 30px);margin:0 auto;display:flex}.onboarding-header{justify-content:center;align-items:center;min-height:60px;margin-bottom:13px;display:flex;position:relative}.onboarding-logo-link{justify-content:center;align-items:center;display:inline-flex}.onboarding-logo{object-fit:contain;width:auto;max-width:145px;height:auto;max-height:46px}.back-button,.exit-link{color:#f7f6f0;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:9px 13px;font-size:14px;text-decoration:none;transition:background .2s,border-color .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.back-button{padding:4px 12px 8px;font-size:31px;line-height:1}.back-button:hover,.exit-link:hover{border-color:var(--fitswa-border);background:#ffffff12}.progress-track{background:#30322d;border-radius:99px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#b38d1c,var(--fitswa-gold),var(--fitswa-gold-hover));border-radius:99px;height:100%;transition:width .25s}.progress-meta{letter-spacing:.14em;color:#81847a;justify-content:space-between;gap:10px;margin-top:10px;font-size:10px;font-weight:700;display:flex}.question-panel{flex-direction:column;flex:1;padding-top:clamp(18px,3.2vh,32px);animation:.22s ease-out panel-in;display:flex}@keyframes panel-in{0%{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.eyebrow{color:var(--fitswa-gold);letter-spacing:.2em;margin:0;font-size:10px;font-weight:800}.question-title{letter-spacing:-.04em;margin:10px 0 0;font-family:Manrope,DM Sans,sans-serif;font-size:clamp(26px,4.2vw,36px);font-weight:800;line-height:1.15}.question-description{color:#b8bab2;margin:11px 0 0;font-size:14px;line-height:1.55}.age-intro-title{letter-spacing:-.03em;font-size:clamp(25px,4vw,33px)}.age-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.age-card{color:#fff;cursor:pointer;text-align:center;background:#30332f;border:1px solid #0000;border-radius:17px;min-width:0;padding:0;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.age-card:hover{border-color:#d4af3799;transform:translateY(-2px)}.age-card.selected{border-color:var(--fitswa-gold);box-shadow:0 0 0 2px #d4af3724}.age-photo{background-color:#181a17;background-image:url(/age-groups.png);background-repeat:no-repeat;background-size:200% 200%;height:clamp(105px,19vh,155px);display:block;overflow:hidden}.age-photo.age-young{background-position:0 0}.age-photo.age-thirties{background-position:100% 0}.age-photo.age-forties{background-position:0 100%}.age-photo.age-fifties{background-position:100% 100%}.age-label{justify-content:center;align-items:center;min-height:48px;padding:9px;font-size:16px;font-weight:800;display:flex}.age-check{background:var(--fitswa-gold);color:#171914;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;font-size:13px;font-weight:900;display:flex;position:absolute;top:9px;right:9px}.age-card.selected .age-check{opacity:1}.terms-note{color:#9fa198;text-align:center;margin:18px 0 0;font-size:11px;line-height:1.5}.terms-note a{color:#e2dfd2;text-underline-offset:3px;text-decoration:underline}.options-list{flex-direction:column;gap:9px;margin-top:24px;display:flex}.option-card{border:1px solid var(--fitswa-border);width:100%;min-height:52px;color:var(--fitswa-text);text-align:left;cursor:pointer;background:#ffffff0e;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:13px 17px;font-size:14px;font-weight:650;transition:background .16s,border-color .16s,color .16s;display:flex}.option-card:hover{background:#ffffff16;border-color:#ffffff40}.option-card.selected{border-color:var(--fitswa-gold);color:var(--fitswa-gold-hover);background:#d4af371a}.option-indicator{border:1px solid #ffffff57;border-radius:50%;flex:0 0 21px;justify-content:center;align-items:center;width:21px;height:21px;font-size:12px;display:flex}.option-card.selected .option-indicator{border-color:var(--fitswa-gold);background:var(--fitswa-gold);color:#171914}.measurement-area{flex-direction:column;align-items:center;margin-top:clamp(26px,6vh,55px);display:flex}.unit-switch{background:#292b27;border-radius:99px;gap:3px;padding:5px;display:inline-flex}.unit-switch button{color:#a5a79f;cursor:pointer;background:0 0;border:0;border-radius:99px;min-width:72px;padding:10px 20px;font-size:14px;font-weight:800}.unit-switch button.active{color:#171914;background:#f7f6f0}.measure-input-wrap{justify-content:center;align-items:center;gap:14px;width:min(100%,360px);margin-top:28px;display:flex}.measure-input{border:0;border-bottom:2px solid var(--fitswa-gold);color:#fff;text-align:center;appearance:textfield;background:0 0;border-radius:0;outline:none;width:100%;min-width:0;padding:7px 4px 10px;font-family:Manrope,sans-serif;font-size:clamp(35px,7vw,52px);font-weight:800}.measure-input::-webkit-inner-spin-button{appearance:none;margin:0}.measure-input::-webkit-outer-spin-button{appearance:none;margin:0}.measure-input-wrap span,.feet-inputs label span{color:#f4f2e9;font-size:18px;font-weight:700}.feet-inputs{justify-content:center;align-items:center;gap:22px;margin-top:28px;display:flex}.feet-inputs label{align-items:center;gap:9px;width:130px;display:flex}.unit-hint{color:#82857b;text-align:center;margin:16px 0 0;font-size:11px;line-height:1.5}.dob-area{margin-top:25px}.field-block{flex-direction:column;gap:8px;margin-top:20px;display:flex}.field-label{color:#d9d9d0;flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}.text-field{border:1px solid var(--fitswa-border);color:#f7f6f0;background:#1b1d19;border-radius:12px;outline:none;width:100%;min-height:50px;padding:13px 14px;font:500 14px DM Sans,sans-serif}.text-field:focus{border-color:var(--fitswa-gold);box-shadow:0 0 0 3px #d4af371a}.text-field::placeholder{color:#777a71}.date-field{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.calculated-age{color:#b7baae;margin:12px 0 0;font-size:13px}.calculated-age strong{color:var(--fitswa-gold-hover)}.textarea-field{resize:vertical;min-height:110px}.account-fields{gap:14px;margin-top:22px;display:grid}.otp-panel{flex-direction:column;gap:12px;margin-top:24px;display:flex}.otp-destination{color:#b8bab2;overflow-wrap:anywhere;font-size:13px}.otp-destination strong{color:var(--fitswa-gold-hover)}.otp-field{letter-spacing:.25em;font-size:20px}.onboarding-actions{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:25px;display:flex}.primary-action,.secondary-action{cursor:pointer;border-radius:999px;min-height:52px;padding:13px 20px;font-size:14px;font-weight:800;transition:background .2s,border-color .2s,transform .2s}.primary-action{border:1px solid var(--fitswa-gold);background:var(--fitswa-gold);color:#171914;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.primary-action:hover{background:var(--fitswa-gold-hover);border-color:var(--fitswa-gold-hover);transform:translateY(-1px)}.secondary-action{border:1px solid var(--fitswa-border);color:#e6e6dd;background:0 0}.secondary-action:hover{background:#ffffff0f;border-color:#ffffff3b}.skip-action{order:3}.form-error{color:#fca5a5;background:#7f1d1d26;border:1px solid #f8717140;border-radius:11px;margin:15px 0 0;padding:11px 13px;font-size:12px;line-height:1.5}.onboarding-footnote{color:#777a71;text-align:center;margin:14px 0 0;padding-bottom:2px;font-size:10px;line-height:1.5}@media (min-height:850px){.question-panel{padding-top:28px}.age-photo{height:clamp(125px,20vh,165px)}}@media (max-height:760px){.fitswa-onboarding{padding-top:6px;padding-bottom:8px}.onboarding-header{min-height:48px;margin-bottom:8px}.onboarding-logo{max-width:125px;max-height:37px}.question-panel{padding-top:15px}.question-title{font-size:clamp(24px,3.5vw,31px)}.age-grid{gap:9px;margin-top:15px}.age-photo{height:clamp(80px,15vh,115px)}.age-label{min-height:37px;padding:6px}.terms-note{margin-top:11px}.options-list{gap:7px;margin-top:17px}.option-card{min-height:44px;padding:10px 14px}.onboarding-actions{padding-top:16px}}@media (max-width:480px){.fitswa-onboarding{padding:8px 14px 12px}.onboarding-shell{min-height:calc(100svh - 20px)}.age-photo{height:clamp(94px,16vh,130px)}.age-label{font-size:14px}.question-title{font-size:27px}.option-card{font-size:13px}.onboarding-actions{gap:8px}.primary-action,.secondary-action{min-height:48px;padding:11px 15px}}.fitswa-onboarding{min-height:100svh;padding-top:8px;padding-bottom:10px}.onboarding-shell{min-height:calc(100svh - 18px)}.onboarding-actions{padding-top:12px}.onboarding-footnote{margin-top:8px}@media (min-width:768px) and (max-height:850px){.onboarding-header{min-height:48px;margin-bottom:8px}.onboarding-logo{max-width:125px;max-height:38px}.progress-meta{margin-top:7px}.question-panel{padding-top:12px}.question-title{margin-top:8px;font-size:clamp(24px,3.2vw,31px);line-height:1.12}.question-description{margin-top:7px;line-height:1.4}.age-grid{gap:9px;margin-top:14px}.age-photo{height:clamp(78px,14vh,108px)}.age-label{min-height:38px;padding:6px}.terms-note{margin-top:9px}.options-list{gap:7px;margin-top:14px}.option-card{min-height:43px;padding:9px 14px}.measurement-area{margin-top:clamp(18px,3vh,28px)}.measure-input-wrap,.feet-inputs{margin-top:18px}.dob-area{margin-top:16px}.field-block{margin-top:13px}.account-fields{gap:10px;margin-top:16px}.onboarding-actions{padding-top:10px}.primary-action,.secondary-action{min-height:48px;padding-top:10px;padding-bottom:10px}.onboarding-footnote{margin-top:6px}}@media (min-width:768px) and (max-height:680px){.fitswa-onboarding{padding-top:4px;padding-bottom:6px}.onboarding-header{min-height:40px;margin-bottom:5px}.onboarding-logo{max-height:32px}.question-panel{padding-top:8px}.age-photo{height:clamp(66px,12vh,82px)}.age-label{min-height:32px;font-size:13px}.onboarding-actions{padding-top:7px}.primary-action,.secondary-action{min-height:44px}}.password-input-wrap{width:100%;display:block;position:relative}.password-input-wrap .password-text-field{padding-right:76px}.password-visibility-button{color:var(--fitswa-gold);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 9px;font:700 12px DM Sans,sans-serif;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-visibility-button:focus-visible{outline:2px solid var(--fitswa-gold);outline-offset:2px}.password-visibility-button:hover{color:#f4d76b}.age-photo{background-color:#181a17;width:100%;height:clamp(105px,19vh,155px);display:block;overflow:hidden;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.age-photo.age-young,.age-photo.age-thirties,.age-photo.age-forties,.age-photo.age-fifties{background-position:50%!important;background-size:cover!important}.age-card{border-radius:17px;min-width:0;overflow:hidden}.age-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (max-width:480px){.age-grid{gap:8px}.age-photo{height:clamp(90px,16vh,125px)}}.onboarding-next-action{justify-content:center;width:100%;margin:18px auto 0;display:flex}.onboarding-next-action .onboarding-next-action__button{color:#11120f;width:min(100%,320px);min-height:54px;font:inherit;cursor:pointer;box-sizing:border-box;background:#d9b52f;border:0;border-radius:999px;flex:0 auto;justify-content:center;align-items:center;gap:12px;padding:14px 24px;font-weight:700;line-height:1.2;display:inline-flex}.onboarding-next-action .onboarding-next-action__button:hover{background:#edca4c}.onboarding-next-action .onboarding-next-action__button:focus-visible{outline-offset:4px;outline:2px solid #f5d86b}.onboarding-next-action .onboarding-next-action__button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:480px){.onboarding-next-action .onboarding-next-action__button{width:100%;max-width:320px}}.onboarding-google-auth{gap:10px;margin:22px 0 18px;display:grid}.onboarding-google-auth .google-signin-wrap{justify-content:flex-start;min-height:42px}.onboarding-google-auth .google-signin-unconfigured{color:#a8aaa2;text-align:left}.google-signin-wrap.is-disabled{opacity:.6;pointer-events:none}