.logo,.nav{display:flex}#searchInput,body{background:#1a1a2c}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;color:#fff}header{background-color:#151528;padding:15px 30px}.nav{justify-content:space-between;align-items:center}.logo{font-weight:700;font-size:1.5rem;color:#8bc9ff;align-items:center}.menu-close,.menu-toggle{display:none}.logo img{width:30px;margin-right:10px}.nav-links a{color:#ccc;text-decoration:none;font-size:.95rem;padding:10px;border-radius:10px}.nav-links a:hover{background-color:rgba(255,255,255,.2);backdrop-filter:blur(10px)}.menu-toggle{background:0 0;border:none;font-size:24px;color:#ccc;cursor:pointer}.hero,footer{color:#fff;text-align:center}.nav-links.show{display:flex}.hero{padding:60px 20px}.hero-content h1{margin:0;font-size:2.5em}.hero-content p{max-width:600px;margin:10px auto 0;font-size:1.1em}.search-section{max-width:100%;display:flex;align-items:center;justify-content:center}#searchInput{max-width:100%;width:40%;padding:10px;font-size:1em;margin-bottom:20px;border:1px solid #ccc;border-radius:25px;color:#ccc}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:40px 20px}.blog-card{background:#202035;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.05);padding:20px;transition:transform .2s}.blog-card:hover{transform:translateY(-4px)}.blog-card h2{margin-top:0;font-size:1.3em;color:#ccc}.blog-card p{color:#555;line-height:1.4}.blog-card a{display:inline-block;margin-top:10px;color:#ccc;text-decoration:none;font-weight:500}.blog-card a.read-more:hover{text-decoration:underline}footer{padding:20px}body.menu-open{overflow:hidden}@media screen and (max-width:768px){.menu-close,.menu-toggle{border:none;cursor:pointer}header{position:fixed;width:100%;z-index:100}.menu-toggle{display:block;background:0 0;font-size:24px;color:#ccc}.nav-links{display:flex;flex-direction:column;text-align:center;top:60px;right:0;width:100vw;height:100vh;background:rgba(255,255,255,.1);backdrop-filter:blur(6px);box-shadow:0 4px 16px rgba(0,0,0,.2);padding:10px 0;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s,transform .3s;z-index:99;position:fixed}.nav-links a{font-size:20px;margin-top:15px}.menu-close{display:block;background:0 0;font-size:28px;color:#333;position:absolute;top:20px;right:20px}.nav-links.show{opacity:1;transform:translateY(0);pointer-events:auto}.hero-content{padding-top:50px}}