*{box-sizing:border-box}
body{margin:0;background:#070b16;color:#fff;font-family:Inter,Arial,sans-serif}
.center{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b1830,#070b16)}
.login-card{width:360px;padding:40px;background:rgba(255,255,255,.08);border-radius:20px;text-align:center;backdrop-filter:blur(15px)}
.logo{width:80px}
input{width:100%;padding:14px;margin:8px 0;border-radius:8px;border:0}
button{width:100%;padding:14px;background:#2563eb;color:#fff;border:0;border-radius:8px;margin:15px 0}
a{color:#8ec5ff;text-decoration:none}
header{padding:20px;background:#10182b;display:flex;justify-content:space-between}
.container{width:90%;max-width:1100px;margin:40px auto}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#111d34;padding:25px;border-radius:16px;margin:15px 0}
.muted{color:#aab7cc}
@media(max-width:700px){.grid{grid-template-columns:1fr}}