html,body{background:#000;margin:0;padding:0;font-family:Poppins,sans-serif;position:relative;overflow:hidden}.login-wrapper{z-index:1;background:radial-gradient(circle at top,#1f1f5e,#000);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px;display:flex;position:relative;overflow:hidden}.auric-login-bg{z-index:0;background:radial-gradient(circle at 50% 20%,#ffd77833,#0000 70%),radial-gradient(circle at 80% 80%,#ffc8641a,#0000 75%),#050505;position:fixed;inset:0;overflow:hidden}.auric-stars{opacity:1;background-color:#0000;background-image:radial-gradient(2px 2px at 20% 30%,#4b202066,#0000),radial-gradient(1.5px 1.5px at 70% 60%,#ffffff59,#0000),radial-gradient(1.2px 1.2px at 40% 80%,#ffffff40,#0000),radial-gradient(1.8px 1.8px at 85% 20%,#ffffff4d,#0000);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;animation:18s linear infinite starFloat;position:absolute;inset:0}.auric-nebula{filter:blur(70px);opacity:.45;background:radial-gradient(600px at 30% 70%,#ffb45a38,#0000 65%),radial-gradient(600px at 70% 40%,#ffffff1f,#0000 70%);animation:22s ease-in-out infinite alternate nebulaShift;position:absolute;inset:0}.auric-spark-layer{pointer-events:none;opacity:1;background-image:radial-gradient(3px 3px at 10% 90%,#fff,#0000),radial-gradient(3.5px 3.5px at 90% 20%,#fff,#0000),radial-gradient(2px 2px at 60%,#fff,#0000);animation:12s ease-in-out infinite alternate sparkDrift;position:absolute;inset:0}.cinematic-welcome{text-align:center;z-index:10;margin-bottom:40px;animation:1.2s forwards fadeRise;position:relative}.auric-welcome-title{letter-spacing:2px;background:linear-gradient(90deg,#fff,#fff,#fff);color:#0000;text-shadow:0 0 12px #0400ff8c,0 0 32px #0004ff59;-webkit-background-clip:text;font-size:46px;font-weight:700;animation:4s ease-in-out infinite shimmerText}.auric-welcome-sub{opacity:.85;color:#dcdcdc;margin-top:8px;font-size:19px}.cinematic-welcome:before{content:"";filter:blur(35px);z-index:-1;background:radial-gradient(circle,#275dc226,#ffffff0d,#0000);width:360px;height:160px;animation:6s ease-in-out infinite auraFloat;position:absolute;top:-35px;left:50%;transform:translate(-50%)}.login-card{-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);text-align:center;z-index:10;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:22px;width:420px;padding:32px;animation:.6s ease-out floatIn;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000073}.auric-gate{opacity:.7;background:linear-gradient(90deg,#0000,#d4af37,#0000);width:100%;height:2px;animation:4s ease-in-out infinite gateFlow;position:absolute;top:0;left:0}.login-title{color:#fff;margin-bottom:5px;font-size:1.4rem;font-weight:600}.login-subtext{color:#c9c9c9;font-size:.85rem}.login-input{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:10px;outline:none;width:100%;margin-top:14px;padding:12px 14px;transition:all .25s}.login-input:focus{border-color:#ffd700e6;box-shadow:0 0 8px #ffd7004d}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#781bb6,#5a554c);border:none;border-radius:12px;width:100%;margin-top:18px;padding:12px;font-weight:600;transition:all .25s}.login-btn:hover{background:linear-gradient(135deg,#ebeaea,#810ac5);transform:translateY(-2px)}.forgot-link{color:#d1d1d1;margin-top:14px;font-size:.8rem;text-decoration:underline;display:block}.error-text{color:#ff6b6b;margin-top:10px;font-size:.8rem}@keyframes floatIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes starFloat{0%{transform:translateY(0)}to{transform:translateY(-40px)}}@keyframes nebulaShift{0%{transform:translate(-20px)translateY(10px)}to{transform:translate(20px)translateY(-10px)}}@keyframes sparkDrift{0%{transform:translateY(0)scale(1)}to{transform:translateY(-30px)scale(1.04)}}@keyframes gateFlow{0%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}@keyframes fadeRise{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes auraFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-12px)}}@keyframes shimmerText{0%,to{text-shadow:0 0 12px #d4af378c,0 0 32px #ffffff59}50%{text-shadow:0 0 22px #d4af37f2,0 0 42px #ffffff73}}