.login-page{overflow:hidden}.login-page .shell{min-height:100vh}.login-page main{padding:20px;max-width:none;height:100vh;overflow:hidden}.login-page .login-wrap{min-height:calc(100vh - 40px)}
.login-parallax{position:relative;min-height:calc(100vh - 40px);overflow:hidden;border-radius:18px;background:#0d1419;isolation:isolate}
.particle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.cursor-glow{position:absolute;z-index:-1;width:300px;height:300px;border-radius:50%;pointer-events:none;left:0;top:0;transform:translate(-50%,-50%);background:radial-gradient(circle,#d9282f3b 0,#d9282f12 34%,transparent 70%);filter:blur(8px);transition:transform .16s ease-out}
.cursor-dot{position:absolute;z-index:3;width:7px;height:7px;border-radius:50%;pointer-events:none;left:0;top:0;transform:translate(-50%,-50%);background:#ff7d82;box-shadow:0 0 0 5px #d9282f1c,0 0 18px #d9282fcc}
.login-parallax:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#d9282f0b,transparent 52%);z-index:1;pointer-events:none}
.parallax-grid{position:absolute;inset:-25%;opacity:.18;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:70px 70px;transform:perspective(500px) rotateX(58deg) rotateZ(-12deg) translateY(25%);z-index:-1}
.parallax-orb,.parallax-ring{position:absolute;pointer-events:none;transition:transform .35s cubic-bezier(.2,.7,.2,1);z-index:-1}
.parallax-orb{border-radius:50%;filter:blur(1px)}
.orb-one{width:310px;height:310px;left:7%;top:9%;background:radial-gradient(circle at 35% 30%,#f25c62,#d9282f 36%,#781d2b 72%,transparent 73%);opacity:.45}
.orb-two{width:220px;height:220px;right:8%;bottom:8%;background:radial-gradient(circle at 35% 30%,#6d7b86,#273943 65%,transparent 67%);opacity:.7}
.parallax-ring{border:1px solid #f06a6f66;border-radius:50%;width:460px;height:460px;right:-90px;top:-140px;box-shadow:0 0 0 18px #d9282f0b,0 0 0 38px #d9282f08}
.ring-two{width:260px;height:260px;left:-90px;bottom:-90px;border-color:#ffffff2b;box-shadow:0 0 0 16px #ffffff08}
.login-parallax .login-card{position:relative;z-index:2;width:390px;backdrop-filter:blur(16px);background:#ffffffee;border-color:#ffffff55;box-shadow:0 24px 80px #0008;animation:card-in .7s ease both}
.login-parallax .brand-mark{box-shadow:0 8px 24px #d9282f55}
@keyframes card-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:800px){.login-parallax{min-height:100vh;border-radius:0}.login-parallax .login-card{width:min(390px,calc(100% - 36px))}}