:root{--b:#0ea5e9;--b2:#0369a1;--d:#0f172a;--l:#f3f6fa}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--l);color:#111}
.container{max-width:1280px;margin:auto;padding:0 20px}
.topbar{background:#0284c7;color:#fff;padding:8px 0;font-size:14px}
.header{position:sticky;top:0;z-index:1000}.glass{background:rgba(255,255,255,.85);backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(0,0,0,.08)}
.nav-wrap{display:flex;justify-content:space-between;align-items:center;min-height:72px}
.logo{font-weight:900;color:var(--b);text-decoration:none;font-size:34px;display:flex;align-items:center}
.logo img{height:44px;width:auto}
.nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}.nav a{text-decoration:none;color:#0f172a;font-weight:600}
.hero{background:linear-gradient(135deg,var(--b),var(--b2));color:#fff;padding:66px 0}.hero h1{margin:0 0 8px;font-size:42px}
.quick-cards{margin-top:-18px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card{background:#fff;border-radius:14px;padding:18px;text-decoration:none;color:#111;box-shadow:0 8px 20px rgba(0,0,0,.06);transition:.2s}
.card:hover{transform:translateY(-4px)}
.main-grid{display:grid;grid-template-columns:3fr 1.2fr;gap:24px;margin-top:24px}
.content{background:#fff;border-radius:14px;padding:24px;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.sidebar .moduletable{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.news-strip{margin-top:26px;background:#e0f2fe;padding:28px 0}
footer{margin-top:26px;background:var(--d);color:#fff;padding:20px 0}
@media(max-width:980px){.cards{grid-template-columns:1fr 1fr}.main-grid{grid-template-columns:1fr}.hero h1{font-size:32px}}
@media(max-width:560px){.cards{grid-template-columns:1fr}}