.auth-scene{position:relative;margin-top:calc(-1 * var(--nav-h));padding-top:var(--nav-h);padding-bottom:2.2rem;flex:1 1;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 28%),radial-gradient(circle at 82% 24%,color-mix(in srgb,var(--system) 12%,transparent),transparent 26%),radial-gradient(circle at 52% 78%,var(--lift-2),transparent 24%),linear-gradient(180deg,var(--scene-top) 0,var(--scene-mid) 46%,var(--scene-base) 100%)}.auth-scene-flat{background:radial-gradient(130% 62% at 50% 0,color-mix(in srgb,var(--system) 15%,transparent),color-mix(in srgb,var(--system) 5%,transparent) 42%,transparent 72%),var(--ink)}.auth-scene-plain{background:var(--ink)}.auth-scene-violet{background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--system) 18%,transparent),transparent 28%),radial-gradient(circle at 82% 24%,color-mix(in srgb,var(--system) 14%,transparent),transparent 26%),radial-gradient(circle at 52% 78%,var(--lift-2),transparent 24%),linear-gradient(180deg,var(--scene-top) 0,var(--scene-mid) 46%,var(--scene-base) 100%)}.auth-scene-violet .auth-glow-left{background:color-mix(in srgb,var(--system) 24%,transparent)}.auth-background{position:absolute;inset:0;pointer-events:none}.auth-content{position:relative;z-index:2;flex:1 1;display:flex;flex-direction:column}.auth-glow{position:absolute;border-radius:999px;filter:blur(70px);opacity:.4;animation:authGlowShift 18s ease-in-out infinite}.auth-glow-left{width:24rem;height:24rem;top:-4rem;left:-5rem;background:color-mix(in srgb,var(--accent) 24%,transparent)}.auth-glow-right{width:20rem;height:20rem;right:-2rem;bottom:5rem;background:color-mix(in srgb,var(--system) 20%,transparent);animation-delay:-7s}.auth-grid{position:absolute;inset:0;background-image:linear-gradient(var(--lift-1) 1px,transparent 1px),linear-gradient(90deg,var(--lift-1) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at center,color-mix(in srgb,var(--shadow) 90%,transparent) 28%,transparent 90%);mask-image:radial-gradient(circle at center,color-mix(in srgb,var(--shadow) 90%,transparent) 28%,transparent 90%);opacity:.45;animation:authGridDrift 24s linear infinite}.auth-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 34%,color-mix(in srgb,var(--shadow) 58%,transparent) 100%)}.auth-light{position:absolute;width:.4rem;height:.4rem;border-radius:50%;background:color-mix(in srgb,var(--text) 95%,transparent);box-shadow:0 0 6px color-mix(in srgb,var(--text) 95%,transparent),0 0 18px color-mix(in srgb,var(--system) 55%,transparent);opacity:.16;animation:authFloatLight 8.6s ease-in-out infinite}.auth-light-1{top:10%;left:14%;animation-delay:-2s}.auth-light-2{top:16%;left:28%;animation-delay:-6s}.auth-light-3{top:12%;left:62%;animation-delay:-3s}.auth-light-4{top:22%;left:78%;animation-delay:-9s}.auth-light-5{top:28%;left:8%;animation-delay:-4s}.auth-light-6{top:34%;left:42%;animation-delay:-11s}.auth-light-7{top:30%;left:68%;animation-delay:-5s}.auth-light-8{top:44%;left:20%;animation-delay:-8s}.auth-light-9{top:48%;left:56%;animation-delay:-1s}.auth-light-10{top:40%;left:86%;animation-delay:-10s}.auth-light-11{top:58%;left:10%;animation-delay:-12s}.auth-light-12{top:66%;left:30%;animation-delay:-2s}.auth-light-13{top:64%;left:48%;animation-delay:-7s}.auth-light-14{top:72%;left:76%;animation-delay:-5s}.auth-light-15{top:82%;left:16%;animation-delay:-3s}.auth-light-16{top:84%;left:40%;animation-delay:-9s}.auth-light-17{top:78%;left:62%;animation-delay:-6s}.auth-light-18{top:88%;left:86%;animation-delay:-4s}.login-container{flex:1 1;align-items:center;padding:2rem 1.25rem;z-index:1}.login-container,.login-wrapper{display:flex;justify-content:center}.login-wrapper{width:100%}.form h2{padding-bottom:1.25rem}.form label{display:flex;padding-bottom:.5rem}.button-container{display:flex;flex-direction:column;gap:.75rem}.form input,.form textarea{font:inherit;padding:.8rem .95rem;background:color-mix(in srgb,var(--text) 94%,transparent);color:var(--ground);width:100%;border:1px solid var(--hair-lit);border-radius:.85rem}.form textarea{resize:vertical;min-height:6rem}.form textarea.textarea-grow{resize:none;overflow:hidden}.form{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--lift-3);padding:3rem;border-radius:1.4rem;width:min(36rem,100%);box-sizing:border-box;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 82%,transparent),color-mix(in srgb,var(--ground) 76%,transparent));box-shadow:0 30px 80px color-mix(in srgb,var(--shadow) 48%,transparent),inset 0 1px 0 var(--lift-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.form-copy{max-width:30rem;margin-bottom:1.5rem;line-height:1.5}.input-wrapper{width:100%;margin-bottom:1rem}.register-container{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;padding-top:3rem}.register-text{color:var(--orange)}.btn{margin-top:1rem;padding:.75rem 1.2rem;border:none;background:var(--accent);color:var(--accent-on);text-shadow:var(--accent-on-shadow);border-radius:999px;cursor:pointer;box-shadow:0 12px 26px var(--accent-glow)}a.btn{text-align:center;text-decoration:none}.link-button{background:none;border:none;padding:0;font:inherit;cursor:pointer}.link-button:hover{text-decoration:underline}.btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 16px 30px var(--accent-glow-lit)}.btn:disabled{opacity:.72;cursor:wait}.error-msg{color:var(--error)}.success-msg{color:var(--success)}@keyframes authFloatLight{0%,to{transform:translateZ(0) scale(.92);opacity:.14}50%{transform:translate3d(32px,-60px,0) scale(1.28);opacity:.95}}@keyframes authGlowShift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(18px,-12px,0) scale(1.08)}}@keyframes authGridDrift{0%{transform:translateY(0)}to{transform:translateY(34px)}}@media (max-width:480px){.form{padding:2rem 1.25rem;border-radius:1.2rem}.form h2{font-size:var(--fs-xl)}.login-button{padding:.5rem}.form input,.form textarea{padding:1rem}.form-copy{max-width:100%}.auth-glow-left,.auth-glow-right{width:14rem;height:14rem}}@media (prefers-reduced-motion:reduce){.auth-glow,.auth-grid,.auth-light{animation:none!important}}