/* Modern blue/white style */ 
*{box-sizing:border-box} html,body{margin:0;padding:0}
:root{--bg:#f3f7fc;--surface:#fff;--text:#0f172a;--muted:#64748b;--line:#e5e7eb;--primary:#007BFF;--primary2:#0056b3;--radius:12px;--shadow:0 8px 20px rgba(16,24,40,.06)}
body{background:var(--bg);color:var(--text);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}
.container{max-width:980px;margin:28px auto;padding:0 16px}
.card,article{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin:18px 0}
nav.topbar{position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--line);z-index:10}
nav.topbar .inner{max-width:980px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{font-weight:700}
nav a{color:var(--text);text-decoration:none;margin:0 10px}
nav a:hover{text-decoration:underline}
h1{font-size:28px;margin:8px 0 14px} h2{font-size:22px;margin:16px 0 8px} h3{font-size:18px;margin:14px 0 8px}
.meta{color:var(--muted);font-size:14px}
button,input[type=submit],.btn{border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:10px;padding:8px 14px;font-weight:600;cursor:pointer;display:inline-block}
button:hover,input[type=submit]:hover,.btn:hover{background:var(--primary2);border-color:var(--primary2)}
.btn.ghost{background:transparent;color:var(--primary);border-color:var(--primary)}
input[type=text],input[type=password],input[type=email],select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;font:inherit}
textarea{min-height:120px;resize:vertical}
.table{width:100%;border-collapse:collapse} .table th,.table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left} .table th{background:#f8fafc}
footer{padding:30px 0;text-align:center;color:var(--muted)} img{max-width:100%;border-radius:12px}
.hr{border-top:1px solid var(--line);margin:20px 0}