.auth-page{background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--accent) 14%, transparent) 0%, transparent 50%), radial-gradient(circle at 80% 100%, color-mix(in srgb, var(--copper,#b88862) 10%, transparent) 0%, transparent 50%), var(--bg-base);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-bg-orb{filter:blur(80px);opacity:.45;pointer-events:none;z-index:0;border-radius:50%;position:absolute}.auth-bg-orb-1{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 60%, transparent) 0%, transparent 70%);width:400px;height:400px;top:-100px;left:-100px}.auth-bg-orb-2{background:radial-gradient(circle, color-mix(in srgb, var(--copper,#b88862) 50%, transparent) 0%, transparent 70%);width:500px;height:500px;bottom:-150px;right:-100px}.auth-card{z-index:1;background:color-mix(in srgb, var(--bg-base) 78%, transparent);-webkit-backdrop-filter:blur(28px)saturate(1.6);backdrop-filter:blur(28px)saturate(1.6);border:1px solid #ffffff80;border-radius:32px;width:100%;max-width:440px;padding:36px 32px;position:relative;box-shadow:inset 0 1px #fff9,0 20px 50px -12px #0000002e,0 8px 24px -6px #00000014}.auth-role-row{background:color-mix(in srgb, var(--ink) 4%, transparent);border:1px solid color-mix(in srgb, var(--ink) 6%, transparent);border-radius:14px;gap:6px;margin:0 0 22px;padding:4px;display:flex}.auth-role-btn{min-height:40px;color:var(--ink-mute);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;outline:none;flex:1;justify-content:center;align-items:center;gap:5px;padding:9px 8px;font-family:inherit;font-size:12px;font-weight:600;transition:background .3s,color .3s,transform .2s,box-shadow .2s;display:inline-flex}.auth-role-btn svg{flex-shrink:0;transition:color .3s}@media (hover:hover){.auth-role-btn:not(.is-active):hover{color:var(--ink-soft);background:color-mix(in srgb, var(--ink) 3%, transparent)}}.auth-role-btn:focus-visible{box-shadow:0 0 0 2px var(--bg-base), 0 0 0 4px var(--accent)}.auth-role-btn.is-active{background:var(--bg-base);color:var(--ink);box-shadow:0 1px 2px #0000000a, 0 4px 12px -2px color-mix(in srgb, var(--accent-glow,var(--accent)) 18%, transparent)}.auth-role-btn.is-active svg{color:var(--accent-text)}.auth-role-btn.is-active:focus-visible{box-shadow:0 0 0 2px var(--bg-base), 0 0 0 4px var(--accent), 0 1px 2px #0000000a, 0 4px 12px -2px color-mix(in srgb, var(--accent-glow,var(--accent)) 18%, transparent)}@media (max-width:380px){.auth-role-btn{padding:9px 4px;font-size:11px}.auth-role-btn svg{display:none}}.auth-role-btn.is-coming-soon{opacity:.55;cursor:not-allowed;color:var(--ink-mute)}@media (hover:hover){.auth-role-btn.is-coming-soon:hover{color:var(--ink-mute);box-shadow:none;background:0 0}}.auth-role-btn:disabled{pointer-events:auto}.auth-role-soon-badge{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent-text,var(--accent));text-transform:uppercase;letter-spacing:.06em;border-radius:8px;align-items:center;margin-left:6px;padding:2px 6px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}.auth-hero-title{letter-spacing:-.03em;text-align:center;text-wrap:balance;background:linear-gradient(115deg, var(--ink) 0%, var(--accent) 30%, var(--copper) 50%, var(--brass) 70%, var(--ink) 100%);-webkit-text-fill-color:transparent;color:#0000;max-width:15ch;filter:drop-shadow(0 1px 18px color-mix(in srgb, var(--accent-glow,var(--accent)) 28%, transparent));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;margin:0 auto;font-size:clamp(28px,6.4vw,40px);font-weight:800;line-height:1.12;animation:7s linear infinite auth-hero-shine}@media (prefers-reduced-motion:reduce){.auth-hero-title{background-position:30%;animation:none}}.auth-field{align-items:center;display:flex;position:relative}.auth-field-icon{color:var(--ink-mute);pointer-events:none;z-index:1;position:absolute;left:18px}.auth-input{border:1px solid rgba(var(--glass-edge), .32);background:color-mix(in srgb, var(--bg-base) 85%, transparent);width:100%;color:var(--ink);border-radius:16px;outline:none;padding:14px 18px 14px 46px;font-family:inherit;font-size:16px;transition:border-color .3s,box-shadow .3s}.auth-input::placeholder{color:var(--ink-mute)}.auth-input:focus{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 12%, transparent)}.auth-input.pr-12{padding-right:48px}.auth-input:-webkit-autofill{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);box-shadow:inset 0 0 0 1000px var(--bg-base);transition:background-color 600000s,border-color .3s}.auth-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);box-shadow:inset 0 0 0 1000px var(--bg-base);transition:background-color 600000s,border-color .3s}@media (hover:hover){.auth-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);box-shadow:inset 0 0 0 1000px var(--bg-base);transition:background-color 600000s,border-color .3s}}.auth-input:-webkit-autofill:focus{box-shadow:inset 0 0 0 1000px var(--bg-base), 0 0 0 4px color-mix(in srgb, var(--ink) 12%, transparent)}.auth-field.is-invalid .auth-input{border-color:var(--danger-line);background:color-mix(in srgb, var(--danger) 5%, var(--bg-base) 85%)}.auth-field.is-invalid .auth-input:focus{border-color:var(--danger);box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 16%, transparent)}.auth-field.is-invalid .auth-field-icon{color:var(--danger)}.auth-form-error{border:1px solid var(--danger-line);background:color-mix(in srgb, var(--danger) 9%, var(--bg-base));color:var(--danger-text);border-radius:16px;align-items:flex-start;gap:9px;margin-bottom:20px;padding:12px 15px;font-size:13.5px;line-height:1.4;display:flex}.auth-form-error-icon{flex-shrink:0;margin-top:1px}.auth-eye-btn{width:40px;height:40px;color:var(--ink-mute);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:background .25s,color .25s;display:flex;position:absolute;right:12px}@media (hover:hover){.auth-eye-btn:hover{background:rgba(var(--glass-edge), .18);color:var(--ink)}}.auth-submit-btn{background:var(--ink);width:100%;color:var(--bg-base);cursor:pointer;box-shadow:0 6px 18px -4px color-mix(in srgb, var(--ink) 50%, transparent);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:15px 20px;font-size:15px;font-weight:600;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,opacity .3s;display:flex}@media (hover:hover){.auth-submit-btn:hover:not(:disabled){box-shadow:0 10px 28px -6px color-mix(in srgb, var(--ink) 60%, transparent);transform:translateY(-1px)}}.auth-submit-btn:active:not(:disabled){transition-duration:var(--press-dur);transition-timing-function:var(--press-ease);transform:translateY(0)scale(.98)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{text-align:center;margin:24px 0;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:rgba(var(--glass-edge), .32);width:calc(50% - 90px);height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-divider span{color:var(--ink-mute);text-transform:uppercase;letter-spacing:.12em;background:0 0;padding:0 12px;font-size:11px;display:inline-block}.auth-card--narrow{max-width:420px}.auth-check-email{text-align:center;flex-direction:column;align-items:center;padding:8px 0;display:flex}.auth-card--done{border:2px solid var(--ink);background:rgb(var(--glass-tint));-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.auth-check-email-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:0;font-size:30px;font-weight:700;line-height:1.08}.auth-check-email-to{color:var(--ink-soft);overflow-wrap:anywhere;margin:8px 0 0;font-size:15px;font-weight:500}.auth-check-email-art{margin:18px auto 12px}.auth-check-email-text{color:var(--ink);text-wrap:pretty;margin:0 0 6px;font-size:15px;line-height:1.55}.auth-check-email-hint{color:var(--ink-mute);margin:0 0 20px;font-size:13px;line-height:1.5}a.auth-check-email-open{text-decoration:none}.auth-check-email-resend{color:var(--accent-text,var(--accent));cursor:pointer;background:0 0;border:0;margin-top:14px;padding:6px 10px;font-size:14px;font-weight:600}.auth-check-email-resend:disabled{color:var(--ink-mute);cursor:default}.auth-check-email-actions{margin-top:14px}.auth-check-email-back{color:var(--accent-text,var(--accent));align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){.auth-check-email-back:hover{text-decoration:underline}}.auth-consent{color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;padding:10px 2px;font-size:13px;line-height:1.5;display:flex}.auth-consent-checkbox{appearance:none;border:1.5px solid var(--ink-mute);cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;width:18px;height:18px;margin-top:1px;transition:border-color .16s,background .16s,box-shadow .16s;position:relative}@media (hover:hover){.auth-consent-checkbox:hover{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}}.auth-consent-checkbox:checked{background:var(--accent);border-color:var(--accent)}.auth-consent-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.auth-consent-checkbox:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-consent-label a{color:var(--accent-text);text-underline-offset:2px;text-decoration:underline}@media (hover:hover){.auth-consent-label a:hover{opacity:.85}}.auth-referral-chip{border:1px solid color-mix(in srgb, var(--copper) 30%, transparent);background:color-mix(in srgb, var(--copper) 10%, transparent);color:var(--copper);border-radius:999px;align-items:center;gap:7px;width:fit-content;margin:0 auto 18px;padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.onboarding-city-field .position-picker-input{border:1px solid rgba(var(--glass-edge), .32);background:color-mix(in srgb, var(--bg-base) 85%, transparent);border-radius:16px;min-height:0;padding:14px 18px 14px 46px;font-family:inherit;font-size:16px}.onboarding-city-field .position-picker-input:focus{background:color-mix(in srgb, var(--bg-base) 85%, transparent);border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 12%, transparent)}.onboarding-city-field .position-picker-search-icon{color:var(--ink-mute);left:18px}.onb-import{border:1.5px dashed color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 6%, transparent);text-align:center;border-radius:16px;margin-bottom:16px;padding:14px}.onb-import-btn{cursor:pointer;color:var(--btn-primary-ink,#fff);background:var(--btn-primary-bg,var(--accent));border:0;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.onb-import-btn:disabled{opacity:.7;cursor:default}.onb-import-hint{color:var(--ink-mute);margin-top:8px;font-size:12px;line-height:1.4}.onb-import-done{text-align:left;color:var(--ink);align-items:flex-start;gap:6px;margin-top:10px;font-size:12.5px;line-height:1.4;display:flex}.auth-lede{text-align:center;max-width:32ch;color:var(--ink-mute);margin:10px auto 0;font-size:14px;line-height:1.45}.auth-kind-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px;display:grid}.auth-kind-card{border:1.5px solid color-mix(in srgb, var(--ink) 10%, transparent);background:color-mix(in srgb, var(--ink) 3%, transparent);color:var(--ink);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:22px 14px 20px;text-decoration:none;transition:border-color .2s,background .2s,transform .15s;display:flex}@media (hover:hover){.auth-kind-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 6%, transparent)}}.auth-kind-card:active{transition-duration:var(--press-dur);transition-timing-function:var(--press-ease);transform:scale(.98)}.auth-kind-card:focus-visible{box-shadow:0 0 0 2px var(--bg-base), 0 0 0 4px var(--accent);outline:none}.auth-kind-icon{width:48px;height:48px;color:var(--accent-text);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-kind-text{flex-direction:column;gap:4px;display:flex}.auth-kind-title{font-size:15px;font-weight:700}.auth-kind-desc{color:var(--ink-mute);font-size:12.5px;line-height:1.4}@media (max-width:440px){.auth-kind-grid{grid-template-columns:1fr;gap:10px}.auth-kind-card{text-align:left;flex-direction:row;align-items:center;gap:14px;padding:16px}}.auth-as-line{color:var(--ink-mute);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;margin:0 0 18px;font-size:13px;display:flex}.auth-as-line svg{color:var(--accent-text);flex-shrink:0}.auth-as-line b{color:var(--ink);font-weight:600}.auth-as-change{min-height:40px;color:var(--accent-text);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}@media (hover:hover){.auth-as-change:hover{text-decoration:underline}}.auth-mhead,.auth-switch,.auth-label{display:none}.auth-body{display:contents}.auth-name-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:640px){.auth-page{--auth-panel:rgb(var(--glass-tint));--auth-fill:color-mix(in srgb, var(--accent) 10%, var(--auth-panel));--auth-head-a:var(--accent-fill);--auth-head-b:color-mix(in srgb, var(--accent-fill) 78%, #000);--auth-overlap:44px;min-height:calc(100dvh - env(safe-area-inset-top,0px));padding:8px 8px calc(env(safe-area-inset-bottom,0px) + 8px);background:0 0;display:block;overflow:visible}[data-theme=tron] .auth-page{--auth-head-a:#111113;--auth-head-b:#2b2b2f}body:has(.auth-page){padding-bottom:0!important}.auth-bg-orb{display:none}.auth-d-only{display:none!important}.auth-card{width:100%;max-width:none;min-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));background:var(--auth-panel);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:none;border-radius:28px;margin:0;padding:28px 20px 24px}.auth-page:has(>.auth-card--done){flex-direction:column;justify-content:center;display:flex}.auth-card.auth-card--done{border:2px solid var(--ink);background:rgb(var(--glass-tint));border-radius:32px;width:auto;min-height:0;margin:0 10px;padding:30px 22px 26px}.auth-card.auth-card--split{background:0 0;flex-direction:column;gap:0;padding:0;display:flex}.auth-mhead{padding:12px 16px calc(22px + var(--auth-overlap));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='216' height='144'%3E%3Cpath fill='%23fff' fill-opacity='.08' d='M0 36L0 0A36 36 0 0 1 36 36ZM108 18A18 18 0 1 1 144 18A18 18 0 1 1 108 18ZM72 36L72 72A36 36 0 0 1 36 36ZM144 36L180 36L180 72ZM72 72L108 72A36 36 0 0 1 72 108ZM108 72A18 18 0 0 0 144 72ZM180 108L180 72A36 36 0 0 1 216 108ZM36 108A18 18 0 0 0 36 144ZM72 108L72 144L36 144ZM144 144A18 18 0 0 1 180 144Z'/%3E%3Cpath fill='%23000' fill-opacity='.09' d='M36 36A18 18 0 0 1 72 36ZM180 0L180 36A36 36 0 0 1 144 0ZM72 36A18 18 0 0 1 72 72ZM180 54A18 18 0 1 1 216 54A18 18 0 1 1 180 54ZM0 72L36 72L36 108ZM72 108H108V144H72ZM180 108L180 144L216 144Z'/%3E%3Cpath fill='%23fff' fill-opacity='.045' d='M72 0L72 36L108 36ZM180 0A18 18 0 0 0 216 0ZM0 36H36V72H0ZM144 72L144 36A36 36 0 0 0 108 72ZM36 90A18 18 0 1 1 72 90A18 18 0 1 1 36 90ZM144 72H180V108H144ZM108 144L108 108A36 36 0 0 1 144 144Z'/%3E%3C/svg%3E") 0 0 / 216px 144px, linear-gradient(150deg, var(--auth-head-a) 0%, var(--auth-head-b) 100%);color:#fff;text-align:center;border-radius:28px 28px 0 0;flex-direction:column;align-items:center;display:flex}.auth-mhead-row{justify-content:space-between;align-items:center;width:100%;display:flex}.auth-mhead-back{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.auth-mhead-spacer{visibility:hidden}.auth-mhead-brand{color:#fff;text-decoration:none}.auth-mhead-brand .hl-wordmark{font-size:17px}.auth-mhead-title{letter-spacing:-.03em;color:#fff;text-wrap:balance;margin:14px 0 0;font-size:30px;font-weight:800;line-height:1.1}.auth-mhead-step{color:#fff;margin:10px 0 0;font-size:15px;font-weight:500}.auth-progress{gap:8px;width:100%;margin-top:18px;display:flex}.auth-progress span{background:#ffffff47;border-radius:999px;flex:1;height:5px}.auth-progress span.is-done{background:#fff}.auth-body{background:var(--auth-panel);border-radius:28px;flex-direction:column;flex:1;padding:24px 20px 16px;display:flex;position:relative}.auth-card--split>.auth-body{margin-top:calc(-1 * var(--auth-overlap));border-radius:var(--auth-overlap) 0 28px 28px}.auth-body>form{flex-direction:column;flex:none;display:flex}.auth-body>:last-child:not(form){margin-top:auto;padding-top:16px}.auth-body>form .auth-submit-btn{margin-top:8px!important}.auth-body>form .auth-consent{margin-bottom:4px}.auth-switch{background:var(--auth-fill);border-radius:999px;gap:4px;margin:0 0 22px;padding:4px;display:flex}.auth-switch a{min-height:44px;color:var(--ink-soft);border-radius:999px;flex:1;justify-content:center;align-items:center;font-size:15px;font-weight:600;text-decoration:none;display:flex}.auth-switch a.is-active{background:var(--auth-panel);color:var(--ink);box-shadow:0 1px 2px #0000000f,0 4px 12px -4px #0000001f}.auth-body>form>:not(:last-child){margin-block-end:18px}.auth-name-row{grid-template-columns:1fr;gap:12px}.auth-body .auth-name-row{gap:18px}.auth-label{z-index:1;letter-spacing:.01em;width:fit-content;max-width:calc(80% - 32px);color:var(--ink-mute);pointer-events:none;transform-origin:20px 11px;margin:0 0 -26px;padding:11px 20px 0;font-size:12px;font-weight:600;line-height:15px;transition:transform .2s cubic-bezier(.2,.8,.2,1);display:block;position:relative}@supports selector(:has(*)){.auth-label:has(+.auth-field .auth-input:placeholder-shown:not(:focus)){transform:translateY(12px)scale(1.25)}}@media (prefers-reduced-motion:reduce){.auth-label{transition:none}}.auth-label-opt{color:var(--ink-mute);margin-left:4px;font-weight:500}.auth-label+.auth-field .auth-input::placeholder{color:#0000}.auth-label+.auth-field .auth-input:is([type=email],[type=tel]):focus::placeholder{color:var(--ink-mute)}.auth-field-icon{display:none}.auth-input{background:var(--auth-fill);border:1.5px solid #0000;border-radius:18px;height:56px;padding:0 22px}.auth-label+.auth-field .auth-input{border-radius:20px;height:64px;padding:24px 20px 6px}.auth-input.pr-12,.auth-label+.auth-field .auth-input.pr-12{padding-right:56px}.auth-input:focus{border-color:var(--accent-text);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent)}.auth-input:-webkit-autofill{box-shadow:inset 0 0 0 1000px var(--auth-fill)}.auth-input:-webkit-autofill:focus{box-shadow:inset 0 0 0 1000px var(--auth-fill)}@media (hover:hover){.auth-input:-webkit-autofill:hover{box-shadow:inset 0 0 0 1000px var(--auth-fill)}}.auth-eye-btn{border-radius:999px;right:8px}.onboarding-city-field .position-picker-input{background:var(--auth-fill);border:1.5px solid #0000;border-radius:18px;height:56px;padding:0 22px}.onboarding-city-field .position-picker-input:focus{background:var(--auth-fill);border-color:var(--accent-text);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent)}.onboarding-city-field .position-picker-search-icon{display:none}.auth-field.is-invalid .auth-input{background:color-mix(in srgb, var(--danger) 8%, var(--auth-panel))}.auth-submit-btn{background:var(--btn-primary-bg);min-height:56px;color:var(--btn-primary-ink);box-shadow:none;border-radius:999px;padding:0 24px;font-size:16px}@media (hover:hover){.auth-submit-btn:hover:not(:disabled){box-shadow:none;transform:none}}.auth-consent-checkbox{background:var(--auth-fill);border-color:#0000;border-radius:7px;width:24px;height:24px;margin-top:0}.auth-consent-checkbox:checked{background:var(--btn-primary-bg);border-color:#0000}.auth-consent-checkbox:checked:after{border-color:var(--btn-primary-ink)}.auth-kind-card{background:var(--auth-fill);border-color:#0000;border-radius:24px}}
