.header-container{display:flex;justify-content:space-between;align-items:center;padding:18px 60px;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.05);position:-webkit-sticky;position:sticky;top:0;z-index:999}.logo-section{display:flex;align-items:center;gap:12px}.logo{width:70px;height:70px;border-radius:14px;object-fit:cover}.brand h1{font-size:1.4rem;font-weight:600;letter-spacing:1px}.brand p{font-size:.75rem;opacity:.7}.nav-menu.show{padding:10px}.nav-menu ul{display:flex;gap:32px;list-style:none}.nav-menu ul li a{text-decoration:none;color:white;font-size:.95rem;font-weight:500;position:relative;transition:color .3s ease}.nav-menu ul li a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:#00cfff;transition:width .3s ease}.nav-menu ul li a:hover{color:#00cfff}.nav-menu ul li a:hover:after{width:100%}.social-icons{display:flex;gap:20px}.social-icons a{font-size:1.4rem;color:white;opacity:.85;transition:transform .3s ease,color .3s ease}.social-icons a:hover{color:#00cfff;transform:translateY(-3px)}.menu-toggle{display:none;font-size:2rem;cursor:pointer;color:white}@media (max-width:768px){.header-container{padding:15px 20px}.menu-toggle{display:block;font-size:1.5rem;cursor:pointer;color:white;margin-right:20px}.nav-menu{display:none;position:absolute;top:100%;left:0;width:100%;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 0}.nav-menu.show{display:block}.nav-menu ul{flex-direction:column;gap:20px}.social-icons{justify-content:center;margin-top:12px;gap:3px}}