header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;background:rgba(0,0,0,.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.1)}header.overlay-visible{z-index:1102}header>.header-content{max-width:1280px;margin:0 auto;padding:0 24px;height:80px;display:flex;align-items:center;justify-content:space-between}.logo-brand a{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:900;letter-spacing:-.02em;color:#fff;text-decoration:none;font-family:'Fira Code',monospace;transition:opacity .25s}.logo-brand a:hover{opacity:.85}header nav{display:flex;align-items:center;gap:12px}header nav a{position:relative;padding:8px 18px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;border-radius:8px;color:rgba(255,255,255,.7);text-decoration:none;border:1px solid transparent;background:0 0;transition:background .4s cubic-bezier(.4, 0, .2, 1),border-color .6s cubic-bezier(.4, 0, .2, 1),color .3s cubic-bezier(.4, 0, .2, 1),transform .2s cubic-bezier(.4, 0, .2, 1),box-shadow .4s cubic-bezier(.4, 0, .2, 1)}header nav a:hover{color:#fff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18);transform:translateY(-1px)}header nav a:active{transform:translateY(0)}.hamburger{display:none;width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;transition:.25s}.hamburger:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.1)}.hamburger div{width:18px;height:2px;background:#fff;border-radius:2px;transition:transform .3s cubic-bezier(.4, 0, .2, 1),opacity .3s}.hamburger.open div:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.open div:nth-child(2){opacity:0}.hamburger.open div:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.overlay-menu{position:fixed;inset:0;z-index:1100;background:rgba(0,0,0,.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;opacity:0;pointer-events:none;transition:opacity .3s}.overlay-menu.open{opacity:1;pointer-events:auto}.overlay-menu a{font-size:14px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#9ca3af;text-decoration:none;padding:12px 24px;border-radius:8px;border:1px solid transparent;transition:.25s}.overlay-menu a:hover{color:#fff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2)}.overlay-footer{position:absolute;bottom:32px;width:100%;display:flex;justify-content:center}.overlay-footer .footer-content{display:flex;align-items:center;gap:16px;color:#9ca3af;font-size:12px}.overlay-footer svg{width:20px;height:20px}@media (max-width:900px){header nav{display:none}.hamburger{display:flex}}