.auth{--au-input:#ffffff0f;--au-ph:#8b91a8;--au-label:#b4b9c9;--au-muted:#9096ad;--au-red:#f87171;flex-direction:column;min-height:100dvh;display:flex;overflow:clip}.light .auth{--au-input:#fff;--au-ph:#7c8499;--au-label:#475569;--au-muted:#5b6478;--au-red:#dc2626}.auth-theme{z-index:40;position:fixed;top:16px;right:16px}.auth-main{flex:1;grid-template-columns:1fr 1fr;display:grid;position:relative}.auth-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth .l-hero-glow{top:50%;left:25%}.auth .l-hero-dots{-webkit-mask-image:radial-gradient(45% 60% at 25%,#000,#0000);mask-image:radial-gradient(45% 60% at 25%,#000,#0000)}.auth-fade{background:linear-gradient(90deg, transparent 45%, var(--background) 75%);position:absolute;inset:0}.auth-aside{flex-direction:column;justify-content:center;padding:96px 60px 80px 8vw;display:flex;position:relative}.auth .l-mark-wrap{border-radius:40px;width:max-content;display:block}.auth .l-mark{width:160px;height:160px;animation-duration:8s}.auth .l-mark-plate{border-radius:40px}.auth .l-mark-tile{box-shadow:inset 0 1px 0 #ffffff4d, 0 40px 80px -30px #0009, 0 0 80px -10px color-mix(in oklab, var(--l-a1) 40%, transparent);border-radius:38px;transform:translateZ(12px)}.auth .l-mark-tile svg{filter:drop-shadow(0 16px 20px #00000059);width:126px;height:126px}.auth .l-mark-shadow{filter:blur(12px);width:150px;height:32px;bottom:-42px}.auth-aside-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--text2);margin-top:64px;font-size:13px;font-weight:600}.auth-aside-title{letter-spacing:-.04em;max-width:520px;margin-top:16px;font-size:clamp(2.5rem,4.6vw,3.75rem);font-weight:800;line-height:1}.auth-aside-text{max-width:440px;color:var(--text2);margin-top:22px;font-size:17px;line-height:1.6}.auth-chips{flex-wrap:wrap;gap:10px;margin-top:40px;display:flex}.auth-chip{border:1px solid var(--l-gborder2);background:var(--l-glass2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;align-items:center;gap:10px;padding:10px 14px 10px 10px;animation:7s ease-in-out infinite auth-float-sm;display:flex}.auth-chip-pink{border-color:color-mix(in oklab, var(--l-pink) 40%, transparent);padding:10px 14px;animation-duration:8s;animation-delay:1.2s;display:block}.auth-panel{justify-content:center;align-items:center;padding:96px 8vw 80px 40px;display:flex;position:relative}.auth-card-wrap{width:100%;max-width:440px;animation:l-rise .9s var(--l-ease) .1s both;position:relative}.auth-card-wrap:before{content:"";background:radial-gradient(closest-side, color-mix(in oklab, var(--l-a1) 14%, transparent), transparent);filter:blur(50px);opacity:var(--l-glow-op);pointer-events:none;position:absolute;inset:-40px}.auth-card{border:1px solid var(--l-gborder2);background:var(--l-glass);-webkit-backdrop-filter:blur(24px)saturate(1.3);backdrop-filter:blur(24px)saturate(1.3);box-shadow:var(--l-shadow), inset 0 1px 0 #ffffff26;border-radius:28px;padding:32px;position:relative}.auth-card:before{content:"";background:linear-gradient(90deg, transparent, var(--l-a1), var(--l-a2), transparent);pointer-events:none;height:1px;position:absolute;top:-1px;left:10%;right:10%}.auth-label{color:var(--au-label);font-size:13px;font-weight:600}.auth-input{border:1px solid var(--l-gborder2);background:var(--au-input);height:46px;color:var(--foreground);border-radius:12px;padding-left:14px;padding-right:14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.auth-input:has(+button){padding-right:46px}.auth-input::placeholder{color:var(--au-ph)}.auth-input:focus-visible{border-color:var(--l-a1);box-shadow:0 0 0 3px color-mix(in oklab, var(--l-a1) 25%, transparent)}.auth-input:autofill{-webkit-text-fill-color:var(--foreground);caret-color:var(--foreground);box-shadow:0 0 0 1000px var(--surface) inset}.auth-input:autofill:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--l-a1) 25%, transparent), 0 0 0 1000px var(--surface) inset}.auth-input+button{width:34px;height:34px;color:var(--au-muted);border-radius:9px;justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex;position:absolute;top:6px;right:6px;translate:none}.auth-input+button:hover{color:var(--foreground);background:var(--l-glass2)}.auth-input+button svg{width:16px;height:16px}.auth-btn-glass{border:1px solid var(--l-gborder2);background:var(--l-glass2);width:100%;height:46px;color:var(--foreground);border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;transition:border-color .2s;display:flex}.auth-btn-glass:hover{border-color:var(--text3)}.auth-submit{background:linear-gradient(135deg, var(--l-a1), var(--l-a2));color:#fff;width:100%;height:50px;box-shadow:0 16px 40px -14px var(--l-a1), inset 0 1px 0 #ffffff4d;transition:transform .2s var(--l-ease), box-shadow .2s;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.auth-submit:hover{transform:translateY(-1px)}.auth-submit:active{transform:translateY(0)scale(.98)}.auth-alert{border:1px solid color-mix(in oklab, var(--au-red) 40%, transparent);background:color-mix(in oklab, var(--au-red) 10%, transparent);color:var(--au-red);border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.45}.auth-status{border:1px solid color-mix(in oklab, var(--tone) 40%, transparent);background:color-mix(in oklab, var(--tone) 8%, transparent);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;display:flex}.auth-status-icon{background:color-mix(in oklab, var(--tone) 16%, transparent);width:48px;height:48px;color:var(--tone);border-radius:999px;justify-content:center;align-items:center;display:flex}.auth :is(.auth-submit,.auth-btn-glass,.l-mark-wrap):focus-visible{outline:2px solid var(--l-a1);outline-offset:3px}@keyframes auth-float-sm{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:1023px){.auth-main{grid-template-columns:1fr}.auth .l-hero-glow{top:24%;left:50%}.auth .l-hero-dots{-webkit-mask-image:radial-gradient(60% 40% at 50% 24%,#000,#0000);mask-image:radial-gradient(60% 40% at 50% 24%,#000,#0000)}.auth-fade{background:linear-gradient(180deg, transparent 30%, var(--background) 70%)}.auth-aside{text-align:center;align-items:center;padding:84px 24px 0}.auth .l-mark{width:104px;height:104px}.auth .l-mark-plate{border-radius:28px}.auth .l-mark-tile{border-radius:26px}.auth .l-mark-tile svg{width:82px;height:82px}.auth .l-mark-shadow{width:96px;height:24px;bottom:-30px}.auth-aside-eyebrow{letter-spacing:.18em;margin-top:40px;font-size:11px}.auth-aside-title{margin-top:12px;font-size:clamp(2rem,8vw,2.75rem)}.auth-aside-text,.auth-chips{display:none}.auth-panel{padding:32px 16px 40px}}@media (max-width:639px){.auth-card{border-radius:24px;padding:24px 18px}}@media (prefers-reduced-motion:reduce){.auth-card-wrap,.auth-chip{animation:none}.auth-submit,.auth-input{transition:none}}@media (prefers-reduced-transparency:reduce){.auth-card,.auth-chip{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}