:root{--bg-color:#0f172a;--text-color:#f8fafc;--primary:#3b82f6;--primary-hover:#2563eb;--surface:#1e293bb3;--border:#ffffff1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-color);background-image:radial-gradient(at 0 0,#3b82f626 0,#0000 50%),radial-gradient(at 100% 100%,#8b5cf626 0,#0000 50%);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-container{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:24px;width:100%;max-width:420px;padding:3rem;animation:.6s ease-out forwards fadeIn;box-shadow:0 25px 50px -12px #00000080}.login-header{text-align:center;margin-bottom:2.5rem}.login-header h1{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-header p{color:#94a3b8;font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#cbd5e1;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{border:1px solid var(--border);width:100%;color:var(--text-color);background:#0f172a99;border-radius:12px;outline:none;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}.form-input::placeholder{color:#64748b}.login-button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s}.login-button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 15px -3px #3b82f64d}.login-button:active{transform:translateY(0)}.login-footer{text-align:center;color:#94a3b8;margin-top:2rem;font-size:.875rem}.login-footer a{color:var(--primary);font-weight:500;text-decoration:none;transition:color .2s}.login-footer a:hover{color:#60a5fa}