:root{--blue:#0ea5e9;--blue2:#0369a1;--dark:#0f172a;--light:#f3f6fa}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--light);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;align-items:center;justify-content:space-between;min-height:70px}
.logo{font-weight:900;letter-spacing:2px;color:var(--blue);font-size:34px}
.auto-menu ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}.auto-menu a{text-decoration:none;color:#0f172a;font-weight:600}
.hero{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;padding:64px 0}.hero h1{margin:0 0 8px;font-size:42px}
.kafelki{margin-top:-22px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card{display:block;background:#fff;padding:18px;border-radius:14px;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:26px;margin-top:26px}
.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:28px;background:#e0f2fe;padding:28px 0}footer{margin-top:26px;background:var(--dark);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}.auto-menu ul{flex-wrap:wrap;justify-content:flex-end}}