:root{--bg:#f4f7fb;--dark:#132238;--blue:#0a4d8f;--cyan:#21a6df;--text:#1f2937;--muted:#64748b;--card:#ffffff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}.top{background:linear-gradient(135deg,var(--dark),#0a4d8f);color:#fff;padding:22px 0}.container{width:min(1120px,92%);margin:auto}.nav{display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:24px;letter-spacing:.2px}.brand span{color:#7dd3fc}.menu a{color:#e0f2fe;text-decoration:none;margin-left:22px;font-weight:600}.hero{background:linear-gradient(135deg,#0f2a4d,#0b64b0);color:white;padding:70px 0}.hero h1{font-size:48px;line-height:1.05;margin:0 0 18px}.hero p{font-size:19px;max-width:720px;color:#dbeafe}.btn{display:inline-block;background:#22c55e;color:white;padding:13px 22px;border-radius:10px;text-decoration:none;font-weight:700;margin-top:16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:38px auto}.card{background:var(--card);border-radius:16px;padding:24px;box-shadow:0 8px 30px rgba(15,23,42,.08);border:1px solid #e5e7eb}.card h3{margin-top:0;color:#0f3b68}.section-title{font-size:30px;margin:38px 0 10px}.news{display:grid;grid-template-columns:2fr 1fr;gap:22px}.notice{background:#ecfeff;border-left:5px solid var(--cyan);padding:18px;border-radius:10px}footer{margin-top:60px;background:#111827;color:#cbd5e1;padding:32px 0}.admin{background:#0b1220;color:#e5e7eb}.loginbox{max-width:520px;margin:70px auto;background:#111827;border:1px solid #334155;padding:34px;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.35)}.input{width:100%;padding:12px;margin:8px 0 16px;border-radius:8px;border:1px solid #334155;background:#0f172a;color:#e5e7eb}@media(max-width:800px){.grid,.news{grid-template-columns:1fr}.hero h1{font-size:36px}.menu{display:none}}