.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#0a0d14,#0f1219,#0a0d14);position:relative;overflow:hidden}.login-container:before,.login-container:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(120px);opacity:.4;pointer-events:none;z-index:0}.login-container:before{top:-150px;left:-150px;background:#7c3aed}.login-container:after{bottom:-150px;right:-150px;background:#a855f7}.login-modal{background:linear-gradient(165deg,#1a1f35,#0f1219);border:1px solid rgba(167,139,250,.2);border-radius:24px;padding:2rem;max-width:420px;width:100%;z-index:1;position:relative;box-shadow:0 0 0 1px #ffffff0d,0 20px 50px -10px #00000080,0 0 100px -30px #7c3aed4d;overflow:hidden}.login-modal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(124,58,237,.1) 0%,transparent 50%);pointer-events:none}.login-header{text-align:center;margin-bottom:1.5rem;position:relative}.login-header:before{content:"⚔️";display:block;font-size:2.5rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(124,58,237,.5))}.login-header h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff;letter-spacing:-.02em}.login-header p{color:#ffffff80;font-size:.9rem;line-height:1.5}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:.75rem 1rem;border-radius:12px;margin-bottom:1rem;font-size:.85rem;text-align:center}.login-footer{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.05);text-align:center}.login-footer p{color:#ffffff59;font-size:.75rem;line-height:1.6}.login-footer a{color:#a78bfacc;text-decoration:none;transition:color .2s ease}.login-footer a:hover{color:#c4b5fd}@media(max-width:480px){.login-modal{padding:1.5rem;max-width:calc(100% - 2rem);border-radius:20px}.login-header h1{font-size:1.35rem}.login-header:before{font-size:2rem}}