:root{color-scheme:light}
body{margin:0;background:#f3f5fa;font:14px/1.45 Inter,'Segoe UI',Arial,sans-serif;color:#1d232b}
.top{display:flex;align-items:center;gap:18px;padding:12px 22px;background:#111827;color:#fff}
.top b{font:800 16px Inter,Arial;letter-spacing:.5px}
.top nav{display:flex;gap:6px;flex:1}.top nav a{color:#cbd5e1;text-decoration:none;padding:7px 12px;border-radius:9px;font-weight:600}
.top nav a.on{background:#1f2937;color:#fff}
.top button{background:transparent;border:1px solid #374151;color:#cbd5e1;border-radius:9px;padding:6px 11px;cursor:pointer}
main{max-width:1180px;margin:0 auto;padding:22px 16px 60px}
.login{max-width:380px;margin:12vh auto;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}
@media (max-width:640px){.top{flex-wrap:wrap;gap:8px}.top nav{order:3;flex-basis:100%}}