*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:#0b1020;color:#e8ecf3}a{text-decoration:none;color:inherit}.wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:420px;background:rgba(17,24,39,.92);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.35)}h1{margin:0 0 8px;font-size:28px}p.sub{margin:0 0 24px;color:#9fb0c9;line-height:1.6}.field{margin-bottom:14px}.field label{display:block;font-size:14px;color:#b8c4d9;margin-bottom:8px}.field input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid #334155;background:#0f172a;color:#fff;font-size:16px}.btn{width:100%;padding:14px 16px;border:0;border-radius:12px;background:#4f46e5;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.btn:hover{background:#4338ca}.error{margin:0 0 16px;color:#fda4af;background:rgba(127,29,29,.35);padding:12px 14px;border-radius:12px}.hub{max-width:980px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:24px}.service{display:block;background:rgba(15,23,42,.92);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px;transition:.18s transform,.18s border-color}.service:hover{transform:translateY(-2px);border-color:#6366f1}.service h3{margin:0 0 8px;font-size:20px}.service p{margin:0;color:#9fb0c9;line-height:1.6}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.logout{font-size:14px;color:#c7d2fe}@media (max-width:640px){.card{padding:22px;border-radius:16px}h1{font-size:24px}}