.onboarding-page{--on-bg:#041c18;--on-bg-2:#082d25;--on-card:#062821b8;--on-line:#59e09d57;--on-green:#35e18f;--on-green-2:#15945d;--on-ivory:#fffaf0;color:#f6fbf8;background:radial-gradient(circle at 76% 9%,#19cb7f30,#0000 25%),radial-gradient(circle at 12% 86%,#2a844f29,#0000 22%),linear-gradient(160deg,#031411 0%,#072821 50%,#031915 100%);min-height:100dvh;position:relative;overflow:hidden}.onboarding-page:before{content:"";aspect-ratio:1;opacity:.12;pointer-events:none;border:2px solid #68e9b273;border-radius:48% 48% 12% 12%/62% 62% 20% 20%;width:min(55vw,600px);position:fixed;inset:-8% auto auto -7%;transform:rotate(-10deg)}.onboarding-page:after{content:"";opacity:.16;background:radial-gradient(circle at 50% 50%,transparent 0 30%,#4dde9e3d 31% 32%,transparent 33% 45%,#4dde9e26 46% 47%,transparent 48%), conic-gradient(from 0deg,transparent 0 10%,#4dde9e2e 10% 12%,transparent 12% 22%,#4dde9e2e 22% 24%,transparent 24% 34%,#4dde9e2e 34% 36%,transparent 36% 100%);pointer-events:none;border-radius:50%;width:360px;height:360px;position:fixed;bottom:-110px;right:-170px}.onboarding-brandbar{z-index:3;direction:rtl;justify-content:flex-start;align-items:flex-start;min-height:190px;padding:22px clamp(18px,5vw,54px) 8px;display:flex;position:relative}.onboarding-brandbar .halali-brand{margin-inline-start:auto}.onboarding-stage{z-index:2;align-items:stretch;width:min(850px,100%);min-height:calc(100dvh - 190px);margin-inline:auto;padding:0 26px 42px;display:grid;position:relative}.onboarding-card{background:0 0;border:0;flex-direction:column;width:100%;min-height:min(730px,100dvh - 205px);margin:0;padding:0;display:flex}.onboarding-topbar{direction:ltr;grid-template-columns:48px minmax(0,1fr) 54px;align-items:center;gap:14px;min-height:52px;display:grid}.onboarding-back{color:#edf9f4;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1f;border-radius:50%;width:44px;height:44px;font-size:1.65rem}.onboarding-progress{background:#d3efe129;border-radius:999px;height:7px;overflow:hidden}.onboarding-progress span{border-radius:inherit;background:linear-gradient(90deg,#25d983,#69efad);height:100%;transition:width .25s;display:block;box-shadow:0 0 20px #31e08e73}.onboarding-step-count{color:#b8cac3;text-align:end;font-size:.78rem;font-weight:900}.onboarding-step{flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;padding:48px 6px 12px;animation:.24s both onboardingIn;display:flex}.onboarding-step h1,.onboarding-complete h1{text-align:center;letter-spacing:-.025em;color:var(--on-ivory);text-shadow:0 12px 32px #00000038;margin:0;font-size:clamp(2.35rem,7vw,4rem);line-height:1.12}.onboarding-kicker{color:#63eba8;background:#12744c29;border:1px solid #41e19340;border-radius:999px;width:fit-content;margin:0 auto 10px;padding:6px 13px;font-size:.77rem;font-weight:900}.onboarding-lead{text-align:center;color:#b9ccc4;max-width:620px;margin:15px auto 34px;font-size:.96rem;line-height:1.8}.onboarding-social{gap:12px;width:min(620px,100%);margin:0 auto;display:grid}.onboarding-social .google-auth-wrap{display:block}.onboarding-social .google-auth-button,.onboarding-facebook{color:#0c3128;background:#fffffff5;border:1px solid #5ee1a342;border-radius:18px;grid-template-columns:36px 1fr 24px;align-items:center;gap:10px;width:100%;min-height:58px;padding:8px 14px;font-weight:900;text-decoration:none;display:grid;box-shadow:0 14px 32px #00000026}.onboarding-facebook-icon{color:#1877f2;background:#fff;border-radius:50%;place-items:center;width:31px;height:31px;font:700 1.3rem Arial,sans-serif;display:grid}.onboarding-or{color:#718c82;align-items:center;gap:12px;width:min(620px,100%);margin:20px auto;display:flex}.onboarding-or:before,.onboarding-or:after{content:"";background:#73a69140;flex:1;height:1px}.onboarding-primary,.onboarding-secondary{width:min(650px,100%);min-height:60px;font:inherit;cursor:pointer;letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;margin-inline:auto;font-weight:900;text-decoration:none;display:flex}.onboarding-primary{color:#fff;background:linear-gradient(135deg,#36d889,#118a58);border:1px solid #3be193;box-shadow:0 18px 40px #19b56f40,inset 0 1px #ffffff38}.onboarding-primary:hover{filter:brightness(1.06)}.onboarding-primary:disabled{cursor:not-allowed;opacity:.38;box-shadow:none}.onboarding-secondary{color:#f4faf7;background:#05261f5c;border:1px solid #48d696}.onboarding-login-link{color:#b8cbc3;text-underline-offset:4px;margin:17px auto 0;font-size:.87rem;font-weight:800}.onboarding-choice-grid{grid-template-columns:1fr 1fr;gap:16px;width:min(720px,100%);margin:0 auto;display:grid}.onboarding-choice{color:#fff;min-height:360px;font:inherit;cursor:pointer;background:radial-gradient(circle at 50% 18%,#1ecf7e26,#0000 34%),linear-gradient(#0a3e32bf,#031b17d1);border:1px solid #36e08f6b;border-radius:28px;align-content:center;place-items:center;gap:9px;padding:20px 14px;transition:all .18s;display:grid;box-shadow:inset 0 1px #ffffff0a,0 18px 50px #00000024}.onboarding-choice:hover,.onboarding-choice.is-selected{border-color:#59efa9;transform:translateY(-3px);box-shadow:0 0 0 2px #37df8f14,0 22px 54px #00000038}.onboarding-choice-visual{aspect-ratio:1;place-items:center;width:min(210px,86%);display:grid}.gender-art{width:100%;height:100%;overflow:visible}.gender-arch{fill:none;stroke:#42e599;stroke-width:3px;opacity:.42}.gender-face{fill:#dff8eb;stroke:#78eeb3;stroke-width:2px}.gender-cloth{fill:#136f4e7a;stroke:#42d78e;stroke-width:5px;stroke-linejoin:round;opacity:.95}.gender-line{fill:none;stroke:#dff8eb;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.gender-leaf{fill:none;stroke:#33c780;stroke-width:3px;stroke-linecap:round}.onboarding-choice strong{font-size:1.35rem}.onboarding-choice small{color:#a9beb6;font-size:.8rem}.birth-wheel{direction:rtl;grid-template-columns:repeat(3,1fr);gap:12px;width:min(710px,100%);margin:0 auto 30px;display:grid}.birth-wheel label{text-align:center;color:#a9c0b7;background:linear-gradient(#0c3e33cc,#041f1ad1);border:1px solid #4cd9954d;border-radius:24px;align-content:center;gap:10px;min-height:190px;padding:18px 12px;display:grid}.birth-wheel label>span{color:#69e8a8;font-size:.78rem;font-weight:900}.birth-wheel select{color:#fff;width:100%;min-height:64px;font:inherit;text-align:center;text-align-last:center;background:#0e493ba8;border:1px solid #4be09b42;border-radius:16px;outline:none;padding:8px 10px;font-weight:900}.birth-wheel select:focus{border-color:#55efa7;box-shadow:0 0 0 3px #37df8f1f}.onboarding-field{color:#dcebe5;gap:9px;width:min(700px,100%);margin:0 auto 28px;font-weight:800;display:grid}.onboarding-field input,.onboarding-field select{color:#fff;width:100%;min-height:60px;font:inherit;background:#021a16ad;border:1px solid #5eda9f7a;border-radius:999px;outline:none;padding:10px 20px}.onboarding-field input:focus,.onboarding-field select:focus{border-color:#52e99f;box-shadow:0 0 0 4px #35e18f1a}.onboarding-field input::placeholder{color:#769187}.onboarding-error,.onboarding-message{color:#ffd9dc;text-align:center;background:#641f268c;border:1px solid #ff8e992e;border-radius:14px;width:min(620px,100%);margin:0 auto 18px;padding:11px 14px;font-size:.85rem}.onboarding-message{color:#d6fae9;background:#0e5c3e85;border-color:#4bde9733}.onboarding-consents{gap:12px;width:min(650px,100%);margin:0 auto 30px;display:grid}.onboarding-consents label{color:#dce9e4;background:#052a238f;border:1px solid #4fbe8c40;border-radius:17px;align-items:flex-start;gap:11px;padding:15px;line-height:1.6;display:flex}.onboarding-consents input{accent-color:#28ce80;width:21px;height:21px;margin-top:2px}.onboarding-consents a{color:#71efae;font-weight:800}.onboarding-inline-links{justify-content:center;gap:18px;margin-bottom:18px;display:flex}.onboarding-inline-links a{color:#78efb2;font-weight:800}.onboarding-complete{text-align:center;justify-content:center;align-items:center;gap:18px}.onboarding-complete-icon{color:#fff;background:linear-gradient(135deg,#3be394,#0b764a);border-radius:50%;place-items:center;width:90px;height:90px;font-size:2.2rem;font-weight:900;display:grid;box-shadow:0 0 0 14px #35e18f14,0 20px 50px #0003}.onboarding-complete p{color:#c3d6ce;max-width:620px;line-height:1.8}.onboarding-actions{gap:10px;width:min(620px,100%);display:grid}@keyframes onboardingIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:640px){.onboarding-brandbar{min-height:150px;padding:14px 16px 0}.onboarding-brandbar .halali-brand{transform-origin:100% 0;transform:scale(.86)}.onboarding-stage{min-height:calc(100dvh - 150px);padding:0 14px 24px}.onboarding-card{min-height:calc(100dvh - 164px)}.onboarding-topbar{grid-template-columns:42px minmax(0,1fr) 40px;gap:8px}.onboarding-step{padding-top:29px}.onboarding-step h1{font-size:clamp(2.35rem,12vw,3.35rem)}.onboarding-choice-grid{grid-template-columns:1fr 1fr;gap:9px}.onboarding-choice{border-radius:22px;min-height:285px;padding:14px 7px}.onboarding-choice-visual{width:100%}.onboarding-choice strong{font-size:1.05rem}.onboarding-choice small{font-size:.68rem}.onboarding-lead{margin-bottom:25px;font-size:.87rem}.birth-wheel{gap:7px}.birth-wheel label{border-radius:18px;min-height:150px;padding:12px 7px}.birth-wheel select{min-height:56px;padding-inline:3px;font-size:.88rem}.onboarding-field input{min-height:56px}}@media (max-width:380px){.onboarding-choice{min-height:250px}.birth-wheel{grid-template-columns:1fr}.birth-wheel label{min-height:92px}}.onboarding-brandbar{direction:ltr;grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr);justify-content:stretch;align-items:start;gap:12px;display:grid}.onboarding-brandbar>.halali-brand-link{grid-column:2;justify-self:center}.onboarding-brandbar>.halali-language-switcher{grid-column:3;place-self:start end}.onboarding-brandbar .halali-brand{transform-origin:top;margin-inline-start:0}.onboarding-brandbar .halali-brand-copy{text-align:center}@media (max-width:640px){.onboarding-brandbar{grid-template-columns:62px minmax(0,1fr) 62px;min-height:142px;padding:12px 12px 0}.onboarding-brandbar>.halali-brand-link{justify-content:center;width:100%;display:flex}.onboarding-brandbar .halali-brand{transform-origin:top;transform:scale(.72)}.onboarding-brandbar>.halali-language-switcher{justify-self:end}}.onboarding-social{gap:14px;width:min(620px,100%)}.onboarding-social .google-auth-wrap{width:100%}.onboarding-social .google-auth-button,.onboarding-facebook,.onboarding-email-method{width:100%;height:66px;min-height:66px;font:inherit;text-align:center;letter-spacing:0;border-width:1px;border-radius:20px;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;margin:0;padding:10px 16px;font-size:clamp(.88rem,3.2vw,1.02rem);font-weight:900;line-height:1.2;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:grid;box-shadow:0 14px 30px #00000029}.onboarding-social .google-auth-button:hover,.onboarding-facebook:hover,.onboarding-email-method:hover{transform:translateY(-1px);box-shadow:0 17px 34px #0003}.onboarding-social .google-auth-button{color:#0b3128;background:#fff;border-color:#cfddd7f2}.onboarding-social .google-auth-icon{justify-self:start;place-items:center;width:36px;height:36px;display:grid}.onboarding-social .google-auth-icon svg{width:24px;height:24px}.onboarding-social .google-auth-button>span:nth-child(2),.onboarding-facebook>span:nth-child(2),.onboarding-method-label{text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;min-width:0;display:block;overflow:hidden}.onboarding-social .google-auth-arrow,.onboarding-facebook>span:last-child,.onboarding-method-arrow{opacity:.78;justify-self:end;font-size:1.1rem}.onboarding-facebook{color:#fff;background:linear-gradient(135deg,#1877f2,#0d62d8);border-color:#ffffff2e}.onboarding-facebook-icon{justify-self:start;width:36px;height:36px;font-size:1.25rem}.onboarding-email-method{color:#fff;background:linear-gradient(135deg,#35df90,#15945d);border:1px solid #5bf1a9b8;width:min(620px,100%);margin:0 auto}.onboarding-email-icon{background:#ffffff26;border-radius:12px;justify-self:start;place-items:center;width:36px;height:36px;display:grid}.onboarding-email-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.onboarding-or{width:min(620px,100%);margin:18px auto}@media (max-width:640px){.onboarding-social .google-auth-button,.onboarding-facebook,.onboarding-email-method{border-radius:18px;grid-template-columns:38px minmax(0,1fr) 38px;height:64px;min-height:64px;padding:9px 13px;font-size:clamp(.82rem,3.75vw,.98rem)}.onboarding-social .google-auth-icon,.onboarding-facebook-icon,.onboarding-email-icon{width:34px;height:34px}}@media (max-width:370px){.onboarding-social .google-auth-button,.onboarding-facebook,.onboarding-email-method{grid-template-columns:34px minmax(0,1fr) 30px;gap:7px;padding-inline:10px;font-size:.8rem}}@media (max-width:640px){.onboarding-page{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;height:100dvh;min-height:100dvh;overflow:hidden auto!important}.onboarding-stage{height:auto;min-height:100%;padding-bottom:calc(110px + env(safe-area-inset-bottom))}.onboarding-card,.profile-welcome-card{min-height:calc(100dvh - 78px);height:auto!important}.onboarding-step{flex:none;min-height:0}.profile-photo-step,.onboarding-photo-box{overflow:visible}}body.halali-app-shell .profile-onboarding-page,.profile-onboarding-page{touch-action:pan-y;min-height:100dvh;height:auto!important;max-height:none!important;overflow:visible!important}.profile-onboarding-page .onboarding-stage{padding-bottom:calc(130px + env(safe-area-inset-bottom,0px));height:auto!important;min-height:0!important}.profile-onboarding-page .profile-welcome-card{height:auto!important;min-height:0!important}.profile-onboarding-page .onboarding-photo-box{background:#06241dcc;border-color:#70dda840;padding:16px}.profile-onboarding-page .photo-upload-card{width:100%;min-width:0;box-shadow:none;color:#f3faf6;background:0 0;border:0;grid-template-columns:1fr;gap:18px;padding:0;display:grid}.profile-onboarding-page .photo-upload-body{gap:16px;min-width:0;display:grid}.profile-onboarding-page .photo-upload-body h2{color:#f3faf6;font-size:1.35rem}.profile-onboarding-page .photo-upload-body p{color:#bcd6c9;font-size:.95rem;line-height:1.6}.profile-onboarding-page .photo-upload-body .eyebrow{color:#81dfb0}.profile-onboarding-page .photo-upload-body .button{width:100%;min-height:52px;scroll-margin-bottom:140px}.location-feedback{font-size:.9rem;line-height:1.5}.location-feedback button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px;text-decoration:underline}.profile-onboarding-page select:disabled{opacity:.65;cursor:wait}.onboarding-field .location-autocomplete-list{color:#f4faf6;background:#102b24;border-color:#a1c3b480;box-shadow:0 14px 32px #00000059}.onboarding-field .location-autocomplete-option+.location-autocomplete-option{border-color:#a1c3b42e}.onboarding-field .location-autocomplete-option:hover,.onboarding-field .location-autocomplete-option[aria-selected=true]{color:#fff;background:#1b493b}