:root{--login-bg:#030712;--login-primary:#6366f1;--login-accent:#8b5cf6;--login-text:#f9fafb;--login-text-muted:#9ca3af;--login-border:#ffffff1a;--login-glass:#111827b3}.login-container{background-color:var(--login-bg);color:var(--login-text);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-gradient{z-index:0;pointer-events:none;background:radial-gradient(circle at 10% 20%,#6366f126 0%,#0000 40%),radial-gradient(circle at 90% 80%,#8b5cf626 0%,#0000 40%);position:absolute;inset:0}.login-card{z-index:10;background:var(--login-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--login-border);border-radius:2rem;width:100%;max-width:440px;padding:3rem;position:relative;box-shadow:0 25px 50px -12px #00000080}.login-logo{justify-content:center;align-items:center;margin-bottom:2.5rem;display:flex}.login-title{text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.login-subtitle{text-align:center;color:var(--login-text-muted);margin-bottom:2.5rem;font-size:.875rem}.login-input-group{margin-bottom:1.5rem}.login-label{text-transform:uppercase;letter-spacing:.05em;color:var(--login-text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.login-input{border:1px solid var(--login-border);color:#fff;background:#ffffff0d;border-radius:.75rem;width:100%;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.login-input:focus{border-color:var(--login-primary);background:#ffffff14;outline:none;box-shadow:0 0 0 4px #6366f126}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:.75rem;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #6366f166}.login-footer{text-align:center;color:var(--login-text-muted);margin-top:2rem;font-size:.875rem}.login-link{color:var(--login-primary);cursor:pointer;margin-left:.5rem;font-weight:600;text-decoration:none}.login-link:hover{color:#818cf8}.login-error{color:#f87171;background:#ef44441a;border:1px solid #ef444433;border-radius:.75rem;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}