#login-page{min-height:100vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center}
.login-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.15}
.orb1{width:500px;height:500px;background:radial-gradient(circle,var(--accent),transparent);top:-150px;right:-100px;animation:float1 8s ease-in-out infinite}
.orb2{width:400px;height:400px;background:radial-gradient(circle,#a78bfa,transparent);bottom:-100px;left:-80px;animation:float2 10s ease-in-out infinite}
@keyframes float1{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,20px)}}
@keyframes float2{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-30px)}}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:40px 40px}
.login-wrap{position:relative;z-index:1;width:100%;max-width:400px;padding:1.5rem;margin:auto}
.login-card{background:rgba(14,14,26,0.8);backdrop-filter:blur(20px);border:1px solid var(--border2);border-radius:20px;padding:2rem}
.login-logo{text-align:center;margin-bottom:2rem}
.login-logo .logo-mark{width:56px;height:56px;border-radius:16px;font-size:20px;margin:0 auto 14px;box-shadow:0 0 40px var(--glow)}
.login-logo h1{font-size:20px;font-weight:600;margin-bottom:6px}
.login-logo p{color:var(--text2);font-size:12px;font-family:var(--mono)}
.login-err{margin-top:12px;font-size:12px;color:var(--red);text-align:center;min-height:18px}
#login-btn{margin-top:4px;position:relative;overflow:hidden}
#login-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transform:translateX(-100%);transition:transform 0.5s}
#login-btn:hover::after{transform:translateX(100%)}
@media(max-width:480px){.login-card{padding:1.5rem;border-radius:16px}.login-wrap{padding:1rem}}