.logo,.nav,.nav-links.show{display:flex}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;color:#fff;background:#1a1a2c}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}.page-section{padding:60px 20px;color:#333}.page-section .container{max-width:800px;margin:auto}.page-section h1{font-size:2.2em;margin-bottom:20px;color:#ccc}.page-section p{line-height:1.5rem;margin-bottom:15px;font-size:.8em;color:#eee}.page-section a{color:#00adef;text-decoration:underline}footer{color:#fff;text-align:center;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}.page-section .container{margin-top:50px}}