:root{--navy:#071b3c;--purple:#44378f;--orange:#ff7a00;--ink:#15213a;--muted:#6c7485;--paper:#f5f6fa;--menu:340px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif}.side-menu{position:fixed;z-index:50;inset:0 0 0 auto;width:var(--menu);padding:45px 48px;background:linear-gradient(155deg,#493b98,#322b75);color:#fff;display:flex;flex-direction:column;box-shadow:-14px 0 40px #071b3c33}.brand{display:block;padding:0 0 45px;border-bottom:1px solid #ffffff20}.brand img{display:block;max-width:220px;max-height:105px;margin:auto;object-fit:contain}.side-menu nav{display:flex;flex-direction:column;gap:8px;margin-top:35px}.side-menu__link{position:relative;padding:14px 16px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:700;letter-spacing:.06em;border-radius:7px;transition:.2s}.side-menu__link:hover,.side-menu__link.is-active{background:#ffffff12}.side-menu__link.is-active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;background:var(--orange)}.side-menu__social{display:flex;gap:10px;margin-top:auto}.side-menu__social a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff44;border-radius:50%;color:#fff;text-decoration:none}.menu-toggle{display:none}.page-shell{margin-right:var(--menu);min-height:100vh}.hero{min-height:72vh;display:flex;align-items:center;padding:80px clamp(30px,7vw,120px);color:#fff;background:linear-gradient(90deg,#061a3de8,#061a3db5),url('../admin/assets/images/bg-1.jpg') center/cover}.hero__content{max-width:760px}.eyebrow{display:inline-block;color:var(--orange);font-size:.78rem;font-weight:800;letter-spacing:.2em}.hero h1,.page-title h1{font-size:clamp(2.5rem,6vw,5.8rem);line-height:1;margin:18px 0}.hero p{font-size:clamp(1rem,2vw,1.35rem);line-height:1.7;max-width:650px;color:#e3e8f2}.button{display:inline-block;margin-top:18px;padding:15px 25px;border-radius:4px;background:var(--orange);color:#fff;text-decoration:none;font-weight:800}.section{padding:70px clamp(24px,5vw,80px)}.section-heading span{color:var(--orange);text-transform:uppercase;font-weight:800;letter-spacing:.15em}.section-heading h2{font-size:clamp(2rem,4vw,3.6rem);margin:8px 0 35px}.page-title{padding:90px clamp(24px,6vw,90px) 55px;background:var(--navy);color:#fff}.page-title h1{font-size:clamp(2.6rem,5vw,5rem)}.page-title p{color:#bec9df}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.post-card{overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 12px 35px #17213b12;transition:transform .2s}.post-card:hover{transform:translateY(-5px)}.post-card>a{display:block;aspect-ratio:16/10;background:#d9dce5;overflow:hidden}.post-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.post-card:hover img{transform:scale(1.04)}.post-card__body{padding:24px}.post-card time,.post-meta{color:var(--muted);font-size:.8rem}.post-meta{display:flex;justify-content:space-between;gap:15px}.post-meta span{color:var(--orange);font-weight:700}.post-card h2,.post-card h3{margin:12px 0;line-height:1.35}.post-card h2{font-size:1.25rem}.post-card a{color:var(--ink);text-decoration:none}.post-card p{color:var(--muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more{font-weight:800}.empty-state{padding:30px;background:#fff;border-radius:8px}.site-footer{padding:30px clamp(24px,5vw,80px);background:#06152f;color:#aab6cd}.site-footer p{margin:0}@media(max-width:1100px){:root{--menu:285px}.side-menu{padding:35px 30px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.menu-toggle{display:block;position:fixed;z-index:70;right:18px;top:18px;width:48px;height:48px;border:0;border-radius:50%;background:var(--orange);color:#fff;font-size:1.4rem}.side-menu{width:min(86vw,340px);transform:translateX(110%);transition:transform .25s}.side-menu.is-open{transform:translateX(0)}.page-shell{margin-right:0}.hero{min-height:82vh;padding:90px 24px 55px}.post-grid{grid-template-columns:1fr}.section{padding-block:48px}}
