*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:radial-gradient(circle at top left,rgba(37,99,235,.25),transparent 35%),linear-gradient(135deg,#0f172a,#1e293b);font-family:Segoe UI,Arial;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:420px;background:rgba(255,255,255,.96);border-radius:24px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.logo{text-align:center;margin-bottom:24px}.icon{font-size:42px}.logo h1{font-size:28px;color:#0f172a;margin-top:8px;font-weight:900}.logo p{color:#64748b;margin-top:6px;font-size:13px}.input-group{margin-bottom:16px}label{display:block;color:#334155;font-size:13px;font-weight:800;margin-bottom:7px}input{width:100%;padding:14px;border-radius:12px;border:1px solid #cbd5e1;font-size:15px;outline:none}input:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.12)}button{width:100%;padding:14px;background:#2563eb;color:white;border:none;border-radius:12px;font-size:15px;font-weight:900;cursor:pointer;margin-top:6px}.error{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;padding:12px;border-radius:12px;text-align:center;font-weight:800;margin-bottom:18px}.footer{text-align:center;color:#64748b;margin-top:18px;font-size:12px}