:root{--primary:#6366f1;--secondary:#22d3ee;--bg:#f8fafc;--text:#020617;--card:#ffffff;--border:#e5e7eb;--radius:18px}body.dark{--bg:#020617;--text:#f8fafc;--card:#020617;--border:#334155}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,sans-serif}body{background:var(--bg);color:var(--text);line-height:1.7}header{background:var(--card);border-bottom:1px solid var(--border)}.nav{max-width:1200px;margin:auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.logo a{font-size:26px;font-weight:900;text-decoration:none;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.main-menu{list-style:none;display:flex;gap:28px;align-items:center}.main-menu li{position:relative}.main-menu li a{text-decoration:none;font-weight:600;color:var(--text);padding:8px 0;display:block}.main-menu li ul{display:none;position:absolute;top:100%;left:0;background:var(--card);border:1px solid var(--border);border-radius:12px;min-width:220px;padding:10px 0;box-shadow:0 10px 25px rgb(0 0 0 / .08);z-index:999}.main-menu li ul li{padding:0}.main-menu li ul a{padding:10px 18px}.main-menu li:hover>ul{display:block}.icons{display:flex;gap:16px;align-items:center}.icon{cursor:pointer;font-size:20px}.menu-toggle{display:none;font-size:24px;cursor:pointer}.search-box{display:none;position:absolute;right:20px;top:70px;background:var(--card);border:1px solid var(--border);padding:12px;border-radius:var(--radius);width:260px}.search-box input{width:100%;padding:10px;border-radius:12px;border:1px solid var(--border)}.hero{padding:90px 20px;text-align:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.post-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:60px 20px}.post-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.post-image{height:180px;background:linear-gradient(135deg,var(--primary),var(--secondary))}.post-content{padding:22px}@media(max-width:768px){.menu-toggle{display:block}.main-menu{display:none;flex-direction:column;position:fixed;top:0;left:0;width:75%;height:100vh;background:var(--card);padding:80px 20px;box-shadow:2px 0 15px rgb(0 0 0 / .15)}.main-menu.show{display:flex}.main-menu li ul{position:relative;border:none;box-shadow:none}.main-menu li:hover>ul{display:none}.main-menu li.menu-item-has-children>a::after{content:" ▼";font-size:12px}}