:root{--bg: #0f1724;--card: #0b1220;--muted: #9aa4b2;--accent: #7c5cff;--glass: rgba(255,255,255,.03);--radius: 12px}html,body{height:100%}body{font-family:Poppins,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;background:linear-gradient(180deg,#071028,#071b2a 60%);color:#e6eef8;-webkit-font-smoothing:antialiased}.app{max-width:1100px;margin:28px auto;padding:20px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:12px}.logo{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#4cc9f0);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.brand h1{margin:0;font-size:1.05rem}.nav{display:flex;gap:12px;align-items:center}.nav a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:8px}.nav a:hover{color:#fff;background:var(--glass)}.card{background:linear-gradient(180deg,#ffffff05,#ffffff03);padding:18px;border-radius:var(--radius);box-shadow:0 6px 18px #00000073;border:1px solid rgba(255,255,255,.03)}.grid{display:grid;grid-template-columns:1fr 320px;gap:16px}section h2{margin-top:0}.muted{color:var(--muted)}.login-card{max-width:420px;margin:0 auto}.form-field{margin-bottom:12px}input,button,textarea,select{font-family:inherit}input{width:100%;padding:10px 12px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.06);color:#eaf2ff}button{background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;border:0;cursor:pointer}button:active{transform:translateY(1px)}footer{margin-top:18px;text-align:center;color:var(--muted);font-size:.9rem}@media (max-width:900px){.grid{grid-template-columns:1fr}.nav{display:none}.app{padding:12px}}