.logo,.nav{display:flex}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;color:#fff;background:linear-gradient(to top,#0a0a23 30%,#14142d 100%)}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}.nav-links.show{display:flex}.contact-section{padding:60px 20px;color:#333}.hero,footer{padding:20px}.hero{position:relative;top:60px}.contact-section .container{max-width:600px;margin:auto;padding:30px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.contact-section h2{color:#eee;margin-bottom:20px;text-align:center}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-form label{font-weight:500;color:#fff}.contact-form input,.contact-form textarea{padding:12px;border:1px solid #ccc;border-radius:6px;font-size:1em;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#00adef;outline:0}.contact-button{background-color:#00adef;color:#fff;border:none;padding:12px;border-radius:6px;cursor:pointer;font-size:1em;transition:background-color .3s}.contact-button:hover{background-color:#008ec2}.contact-note{margin-top:20px;text-align:center;font-size:.95em}.contact-note a{color:#00adef;text-decoration:underline}footer{color:#fff;text-align:center}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}}