.auth-page{--background: 0 0% 100%;--card: 0 0% 100%;--card-foreground: 180 6% 6.3%;--popover: 0 0% 100%;--popover-foreground: 180 6% 6.3%;--foreground: 180 6% 6.3%;--muted: 180 7% 97.1%;--muted-foreground: 180 2% 34.3%;--border: 180 5% 84.3%;--input: 180 2% 54%;--primary: 36 100% 50%;--primary-foreground: 180 6% 6.3%;--primary-hover: 36 100% 55.5%;--primary-edge: 36 100% 50%;--ring: 189 100% 26.1%;--link: 189 100% 26.1%;--ok-bg: 162 44% 92.4%;--ok-fg: 167 90% 19.4%;--bad-bg: 14 85% 94.9%;--bad-fg: 11 87% 34.1%;--info-bg: 208 61% 93.9%;--info-fg: 207 81% 28.6%;--auth-ink: 214 27% 10.2%;--auth-panel-text: 0 0% 100%;--auth-panel-muted: 212 14% 79%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:100dvh;background:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter Variable,Syncerrads Design,Segoe UI,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}.dark .auth-page{--background: 210 25% 7.8%;--card: 214 27% 11.8%;--card-foreground: 216 11% 91.2%;--popover: 214 27% 11.8%;--popover-foreground: 216 11% 91.2%;--foreground: 216 11% 91.2%;--muted: 213 25% 15.7%;--muted-foreground: 213 12% 69.8%;--border: 211 23% 19.4%;--input: 211 17% 35%;--primary-edge: 36 100% 50%;--ring: 190 64% 58%;--link: 190 64% 58%;--ok-bg: 167 50% 11%;--ok-fg: 165 61% 64.9%;--bad-bg: 9 57% 14.5%;--bad-fg: 9 100% 77.1%;--info-bg: 209 57% 14.7%;--info-fg: 206 84% 75.5%}.auth-main{display:flex;flex-direction:column;min-width:0;min-height:100dvh;padding:28px clamp(24px,5vw,72px) 22px}.auth-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.auth-brand img{display:block;width:119px;height:30px}.auth-brand .is-dark,.dark .auth-brand .is-light{display:none}.dark .auth-brand .is-dark{display:block}.auth-back,.auth-return{display:inline-flex;align-items:center;gap:6px;color:hsl(var(--muted-foreground));font-size:13px}.auth-back svg{width:15px;height:15px}.auth-back:hover,.auth-return:hover{color:hsl(var(--link))}.auth-body{display:flex;flex:1;align-items:center;justify-content:center;padding:44px 0}.auth-card{width:100%;max-width:384px;min-width:0}@keyframes auth-rise{0%{opacity:0;transform:translateY(6px)}}.auth-footer{font-size:12px;color:hsl(var(--muted-foreground))}.auth-heading h1{font-size:28px;font-weight:650;line-height:1.2;letter-spacing:-.8px}.auth-lede{margin-top:8px;font-size:14px;line-height:1.55;color:hsl(var(--muted-foreground))}.auth-return{margin-bottom:28px}.auth-form{display:flex;flex-direction:column;gap:24px;margin-top:28px}.auth-page .auth-fields{gap:18px}.auth-page .auth-field{gap:7px;min-width:0}.auth-page .auth-field label{width:auto;font-size:13px;line-height:20px;font-weight:600}.auth-field-row{display:flex;align-items:center;justify-content:space-between;gap:4px;height:20px}.auth-page [data-slot=input]{height:44px;min-width:0;padding:10px 13px;border:1px solid hsl(var(--input));border-radius:8px;background:hsl(var(--card));color:hsl(var(--foreground));font-size:14px;box-shadow:none;transition:border-color .15s,box-shadow .15s}.auth-page [data-slot=input]::-moz-placeholder{color:hsl(var(--muted-foreground) / .8)}.auth-page [data-slot=input]::placeholder{color:hsl(var(--muted-foreground) / .8)}.auth-page [data-slot=input]:focus-visible{border-color:hsl(var(--ring));outline:none;box-shadow:0 0 0 3px hsl(var(--ring) / .15)}.auth-page [aria-invalid=true]{border-color:hsl(var(--bad-fg))}.auth-reveal{display:grid;place-items:center;width:26px;height:26px;border-radius:5px;color:hsl(var(--muted-foreground))}.auth-reveal svg{width:16px;height:16px}.auth-reveal:hover{color:hsl(var(--foreground));background:hsl(var(--muted))}.auth-page :is(a,button):focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}.auth-link{color:hsl(var(--link));font-size:13px;font-weight:600}.auth-link:hover{text-decoration:underline;text-underline-offset:3px}.auth-page .auth-field>.auth-forgot{width:auto;align-self:flex-end;margin-top:2px}.auth-page .auth-password-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.auth-page .auth-password-guidance{margin-top:-6px}.auth-checks{display:flex;flex-wrap:wrap;gap:5px 12px}.auth-checks li{display:flex;align-items:center;gap:4px;font-size:12px;line-height:16px;color:hsl(var(--muted-foreground))}.auth-checks svg{width:12px;height:12px;color:hsl(var(--muted-foreground) / .65)}.auth-checks .is-met,.auth-checks .is-met svg{color:hsl(var(--ok-fg))}.auth-hint{font-size:12px;line-height:16px;color:hsl(var(--ok-fg))}.auth-hint.is-warn{color:hsl(var(--bad-fg))}.auth-hint.is-note{margin-top:8px;color:hsl(var(--muted-foreground))}.auth-match{min-height:16px;margin-top:4px}.auth-terms{display:flex;align-items:flex-start;gap:10px;margin:2px 0 18px;font-size:13px;line-height:19px;color:hsl(var(--muted-foreground))}.auth-terms>button{margin-top:2px}.auth-terms>button[aria-invalid=true]{border-color:hsl(var(--bad-fg))}.auth-terms .auth-link{font-size:inherit}.auth-actions{display:flex;flex-direction:column}.auth-captcha[data-interactive]{margin-bottom:14px}.auth-captcha-status{margin:0 0 12px;font-size:13px;line-height:1.45;color:hsl(var(--bad-fg))}.auth-captcha-status .auth-link{font-size:inherit}.auth-page .auth-submit{display:flex;justify-content:center;position:relative;height:44px;padding:10px 38px;border:1px solid hsl(var(--primary-edge));border-radius:8px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:14px;font-weight:650;box-shadow:0 1px hsl(var(--primary-edge) / .6)}.auth-page .auth-submit:hover:not(:disabled){background:hsl(var(--primary-hover))}.auth-page .auth-submit:disabled{opacity:1;border-color:color-mix(in srgb,hsl(var(--primary)) 55%,#fff);background:color-mix(in srgb,hsl(var(--primary)) 55%,#fff);color:hsl(var(--primary-foreground) / .55);box-shadow:none}.auth-submit [data-icon=inline-end]{position:absolute;right:16px;transition:transform .15s}.auth-submit:hover [data-icon=inline-end]{transform:translate(3px)}.auth-social{display:flex;flex-direction:column;gap:12px;margin-top:18px}.auth-divider{text-align:center;font-size:13px;color:hsl(var(--muted-foreground))}.auth-switch{margin-top:28px;padding-top:22px;border-top:1px solid hsl(var(--border));text-align:center;font-size:13px;color:hsl(var(--muted-foreground))}.auth-notice{margin-top:18px;border-radius:8px;overflow-wrap:anywhere}.auth-page .auth-notice>svg{width:16px;height:16px;top:15px;color:inherit}.auth-page .auth-notice>div{font-size:13px;line-height:1.5}.auth-notice.is-error{border-color:hsl(var(--bad-fg) / .25);background:hsl(var(--bad-bg));color:hsl(var(--bad-fg))}.auth-notice.is-ok{border-color:hsl(var(--ok-fg) / .25);background:hsl(var(--ok-bg));color:hsl(var(--ok-fg))}.auth-notice.is-info{border-color:hsl(var(--info-fg) / .25);background:hsl(var(--info-bg));color:hsl(var(--info-fg))}.auth-notice button{margin-top:5px;font-weight:600;text-decoration:underline}.auth-plan{display:flex;align-items:center;gap:10px;padding:11px 13px;margin-top:18px;border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--muted))}.auth-plan>svg{width:16px;height:16px;flex-shrink:0;color:hsl(var(--link))}.auth-plan>div{min-width:0;overflow-wrap:anywhere}.auth-plan>svg:last-child{margin-left:auto;color:hsl(var(--ok-fg))}.auth-plan strong{display:block;font-size:12px;font-weight:600}.auth-plan p{margin-top:2px;color:hsl(var(--muted-foreground));font-size:12px}.auth-recovery-status{display:flex;align-items:center;gap:8px;margin-top:26px;color:hsl(var(--muted-foreground))}.auth-recovery-status+.auth-submit,.auth-notice+.auth-submit{margin-top:22px}.auth-email-sent{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:28px}.auth-email-sent>svg{width:36px;height:36px;color:hsl(var(--link))}.auth-email-sent>p{font-size:14px;line-height:1.6;overflow-wrap:anywhere;color:hsl(var(--muted-foreground))}.auth-email-sent>p strong{color:hsl(var(--foreground))}.auth-email-sent>.auth-link{align-self:center}.auth-spinner{width:16px;height:16px;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-showcase{position:sticky;top:0;display:flex;align-items:center;justify-content:center;height:100dvh;min-width:0;overflow:hidden;padding:48px clamp(32px,5vw,84px);background:hsl(var(--auth-ink));color:hsl(var(--auth-panel-text))}.dark .auth-showcase{border-left:1px solid hsl(var(--border));background:#171f28}.auth-showcase-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#ffffff0e;stroke-width:1.2}.auth-showcase-inner{position:relative;width:100%;max-width:460px}.auth-showcase h2{font-size:30px;font-weight:650;line-height:1.2;letter-spacing:-.8px}.auth-preview{position:relative;margin-top:32px;border-radius:14px;background:#fff;color:#0f1111;box-shadow:0 1px #ffffff14 inset,0 30px 60px -28px #000000a6;animation:auth-rise .5s .1s ease-out both}.auth-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #e3e6e6;font-size:13px;font-weight:650}.auth-preview-search{width:132px;height:26px;border:1px solid #d5d9d9;border-radius:7px;background:#f7f8f8}.auth-preview ul{padding:6px 0 40px}.auth-preview li{display:flex;align-items:center;gap:12px;padding:10px 18px}.auth-preview li+li{border-top:1px solid #f0f2f2}.auth-preview-thumb{width:38px;height:38px;flex-shrink:0;border-radius:8px;background:#e9eded;box-shadow:inset 0 0 0 1px #0000000d}.auth-preview-thumb.is-sand{background:linear-gradient(140deg,#efe3c9 0 55%,#e2d1ad 55%)}.auth-preview-thumb.is-sea{background:linear-gradient(140deg,#cfe9e6 0 55%,#b2dbd6 55%)}.auth-preview-thumb.is-slate{background:linear-gradient(140deg,#dbe2ea 0 55%,#c6d0dc 55%)}.auth-preview-title{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.auth-preview-title strong{overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.auth-preview-title small{font-size:12px;color:#565959;font-variant-numeric:tabular-nums}.auth-preview-title small span{color:#888c8c}.auth-preview-status{display:grid;flex-shrink:0}.auth-preview-status>span{grid-area:1 / 1;justify-self:end;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:650;line-height:18px;white-space:nowrap}.auth-preview-status .is-checking{opacity:0;background:#f0f2f2;color:#565959;animation:auth-checking 9s infinite}.auth-preview-status .is-synced{background:#e3f4ef;color:#055e4a;animation:auth-synced 9s infinite}.auth-preview li:nth-child(2) .auth-preview-status>span{animation-delay:3s}.auth-preview li:nth-child(3) .auth-preview-status>span{animation-delay:6s}@keyframes auth-checking{0%,14%{opacity:1}18%,to{opacity:0}}@keyframes auth-synced{0%,14%{opacity:0}18%,to{opacity:1}}.auth-preview-order{position:absolute;right:-22px;bottom:-34px;display:flex;align-items:center;gap:10px;width:min(300px,80%);padding:11px 13px;border:1px solid #e3e6e6;border-radius:12px;background:#fff;color:#0f1111;box-shadow:0 18px 40px -18px #0000008c;animation:auth-rise .5s .6s ease-out both}.auth-preview-order>span:nth-child(2){display:flex;flex:1;flex-direction:column;min-width:0}.auth-preview-order strong{font-size:12px;font-weight:650}.auth-preview-order small{overflow:hidden;font-size:11px;color:#565959;text-overflow:ellipsis;white-space:nowrap}.auth-preview-dot{width:8px;height:8px;flex-shrink:0;border-radius:999px;background:#ffa41c;box-shadow:0 0 0 4px #ffa31a2e}.auth-preview-pill{flex-shrink:0;padding:2px 8px;border-radius:999px;background:#e6f0f9;color:#0e4f84;font-size:11px;font-weight:650;line-height:18px}.auth-features{display:flex;flex-direction:column;gap:12px;margin-top:64px}.auth-features li{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.45;color:hsl(var(--auth-panel-muted))}.auth-features svg{width:18px;height:18px;flex-shrink:0;padding:3px;border-radius:999px;background:hsl(var(--primary));color:#0f1111;stroke-width:3}@media(max-width:1180px){.auth-showcase h2{font-size:26px}.auth-preview-order{right:-10px}}@media(max-width:960px){.auth-page{grid-template-columns:minmax(0,1fr)}.auth-showcase{display:none}.auth-main{padding:20px 20px 18px}.auth-body{align-items:flex-start;padding:56px 0 40px}.auth-footer{text-align:center}}@media(max-width:479px){.auth-heading h1{font-size:25px}.auth-back{font-size:12px}.auth-page .auth-password-pair{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.auth-card,.auth-preview,.auth-preview-order{animation:none}.auth-preview-status .is-checking{animation:none;opacity:0}.auth-preview-status .is-synced{animation:none}.auth-submit [data-icon=inline-end]{transition:none}}
