.brand,.nav-row{align-items:center;display:flex}.brand,.logo,.nav-row,nav.main-nav{display:flex}h2,h3{margin:1rem 0 .5rem}.brand,.logo,a{font-weight:700}:root{--bg:#f7fafc;--card:#ffffff;--muted:#6b7280;--accent:#0ea5a4;--dark:#071035;--max-width:1200px;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--dark);line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block;border-radius:var(--radius)}.container{width:min(94%,var(--max-width));margin:0 auto}header.site-header{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(15,23,42,.06);backdrop-filter:blur(6px)}.nav-row{justify-content:space-between;padding:1rem 0}.brand{gap:.75rem}.logo{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#223279);align-items:center;justify-content:center;color:#fff;font-size:18px;box-shadow:0 4px 14px rgba(14,165,164,.12)}nav.main-nav{gap:1rem}nav.main-nav a{padding:.5rem .75rem;border-radius:8px;font-weight:600;transition:background .2s}.btn-outline:hover,nav.main-nav a:hover{background:rgba(0,0,0,.05)}.menu-toggle{display:none;background:0 0;border:0;cursor:pointer}.hero{text-align:center;padding:3rem 1rem}.hero h1{font-size:clamp(1.1rem, 3.2vw, 2rem);margin-bottom:.5rem}.hero p{font-size:1.05rem;color:var(--muted);max-width:600px;margin:0 auto}main{margin:2rem 0}article{background:var(--card);padding:2rem;border-bottom:1px solid #333;box-shadow:0 4px 16px rgba(0,0,0,.05)}h2{font-size:1rem}h3{font-size:.9rem}article p{margin-bottom:1rem;color:#333}article img{width:350px;height:auto;border-radius:8px;background-color:#797979;padding:3px;box-shadow:0 4px 12px rgba(0,0,0,.2)}a{color:#2830ad;text-decoration:none}a:hover{text-decoration:underline}.btn{display:inline-block;padding:.6rem 1rem;border-radius:var(--radius);font-weight:600;border:none;cursor:pointer;transition:transform .2s,background .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#0c8c8b;transform:translateY(-2px)}.btn-outline{background:0 0;border:1px solid rgba(0,0,0,.1)}footer.site-footer{padding:2rem 0;border-top:1px solid rgba(0,0,0,.06);text-align:center;color:var(--muted);font-size:.9rem}.nav-links{display:flex;flex-direction:column;margin:10px;padding:10px;list-style:none}.nav-links a{display:block;padding:2px;border:1px solid #ddd;text-decoration:none;font-size:1rem;color:#3b3c97;background:#f9f9f9;transition:.2s ease-in-out}.nav-links a.btn-primary,.nav-links a:hover{background:#007bff;color:#fff;border-color:#007bff}.nav-links a.btn{font-weight:700;text-align:center;background:#eee}.nav-links a.btn-outline{background:0 0;color:#007bff;border:1px solid #007bff}@media (max-width:720px){nav.main-nav{display:none}.menu-toggle{display:inline-block}article{padding:1.25rem}nav.main-nav.show{display:flex;flex-direction:column;gap:1rem;background:#fff;position:absolute;top:60px;right:10px;padding:1rem;border:1px solid #ddd;border-radius:8px;z-index:1000}}