.auth-shell{--sub:#454a53;--field:#fff;--card:#fff}.dark .auth-shell{--sub:#b9bec7;--field:#121316;--card:var(--color-ink-800)}@media (min-width:768px){.auth-main{background:radial-gradient(800px 500px at 100% 0,#12b76a2e,#0000 60%),radial-gradient(700px 500px at 0 100%,#155eef1f,#0000 60%)}}.auth-bg{z-index:-10;pointer-events:none;color:var(--color-brand-600);--ill-bg:var(--background);background:radial-gradient(800px 500px at 100% 0%, #12b76a2e, transparent 60%), radial-gradient(700px 500px at 0% 100%, #155eef1f, transparent 60%), var(--background);position:fixed;inset:0;overflow:hidden}.dark .auth-bg{color:#fff}.auth-bg>svg{opacity:.22;filter:blur(3px);width:calc(100% + 40px);height:calc(100% + 40px);position:absolute;top:-20px;left:-20px}.auth-aside img{filter:saturate(.9)}.auth-aside:after{content:"";background:linear-gradient(#0a0a0b26 0%,#0a0a0b0d 40%,#0a0a0bbf 100%),linear-gradient(90deg,#0000 70%,#03985540);position:absolute;inset:0}.auth-aside-headline{text-shadow:0 2px 12px #0006}.auth-tile{box-shadow:0 4px 12px -4px var(--glow);background:linear-gradient(145deg,#12b76a,#027a48)}.auth-card{box-shadow:0 1px 0 #ffffff80 inset, var(--sh-2)}.dark .auth-card{box-shadow:0 1px 0 #ffffff14 inset, var(--sh-2)}.auth-card :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea){background:color-mix(in srgb, var(--field) 85%, transparent);box-shadow:inset 0 1px 2px #0a0a0b0d,0 1px #ffffff80}.dark .auth-card :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea){box-shadow:inset 0 1px 2px #0000004d}.auth-card :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea):focus{box-shadow:0 0 0 4px #12b76a33, 0 6px 16px -8px var(--glow)}.auth-card input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-brand-600);flex:none}.auth-btn{color:#fff;cursor:pointer;width:100%;height:50px;box-shadow:0 1px 0 #ffffff2e inset, 0 12px 26px -8px var(--glow);background:linear-gradient(#0aa65f 0%,#027a48 100%);border:1.5px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex}.auth-btn:hover{background:linear-gradient(#12b76a 0%,#039855 100%)}.auth-btn:active{transform:scale(.98)}.auth-btn:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.auth-btn:disabled{opacity:.5;pointer-events:none}.auth-btn-ghost{color:var(--foreground);border-color:var(--glass-border);box-shadow:var(--sh-1);-webkit-backdrop-filter:blur(10px);background:#fff6}.auth-btn-ghost:hover{background:#fff9}.dark .auth-btn-ghost{background:#ffffff0f}.dark .auth-btn-ghost:hover{background:#ffffff1f}.auth-link{color:var(--color-brand-700);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px;font-size:14px;font-weight:500}.auth-link:hover{text-decoration:underline}.auth-link:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:1px}.dark .auth-link{color:var(--color-brand-400)}.auth-seg{-webkit-backdrop-filter:blur(8px);background:#7f7f7f24;border-radius:12px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.auth-seg>button{color:var(--sub);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px;font-size:14px;font-weight:600}.auth-seg>button:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:1px}.auth-seg>button[aria-selected=true]{background:var(--card);color:var(--foreground);box-shadow:var(--sh-1)}.auth-notice{box-shadow:var(--sh-1);background:linear-gradient(135deg,#12b76a29,#12b76a0f);border:1px solid #12b76a40;border-radius:16px;align-items:flex-start;gap:12px;padding:18px;display:flex}.auth-notice>svg{color:var(--color-brand-700);flex:none;margin-top:2px}.dark .auth-notice>svg{color:var(--color-brand-400)}.auth-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (max-width:420px){.auth-types{grid-template-columns:1fr}}.auth-type{text-align:center;border:1.5px solid var(--color-zinc-300);cursor:pointer;box-shadow:var(--sh-1);background:#ffffff73;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s;display:flex}.dark .auth-type{border-color:var(--color-zinc-700);background:#ffffff0d}.auth-type>svg{color:var(--color-brand-700)}.dark .auth-type>svg{color:var(--color-brand-400)}.auth-type:has(input:checked){border-color:var(--color-brand-600);background:linear-gradient(#12b76a2e,#12b76a14);box-shadow:0 0 0 4px #12b76a1f}.auth-type:has(input:focus-visible){outline:2px solid var(--color-brand-500);outline-offset:2px}.auth-mark{filter:drop-shadow(0 8px 16px #12b76a4d)}@media (prefers-reduced-motion:reduce){.auth-btn,.auth-type{transition:none}.auth-btn:active{transform:none}}