:root{ --text:#081C59; --stroke:#e6ebf5; }
header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,0.9);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--stroke)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:56px;position:relative}
.logo{display:flex;align-items:center;font-weight:800;font-size:22px;font-family:'Proxima Soft','Proxima Nova',sans-serif}
.logo img{height:32px;width:auto}
.menu-wrapper{position:relative}
.hamburger{width:38px;height:38px;border-radius:10px;border:1px solid var(--stroke);display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;box-shadow:0 4px 14px rgba(8,28,89,0.08);transition:transform .2s ease}
.hamburger:hover{transform:translateY(-1px)}
.hamburger span{display:block;width:18px;height:2px;background:var(--text);position:relative}
.hamburger span::before,.hamburger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--text)}
.hamburger span::before{top:-6px}
.hamburger span::after{top:6px}
.nav-card{
  position:absolute;top:100%;right:0;min-width:220px;background:#fff;border:1px solid var(--stroke);
  border-radius:14px;box-shadow:0 16px 40px rgba(8,28,89,0.15);padding:12px;opacity:0;transform:translateY(-8px) scale(0.98);
  pointer-events:none;transition:opacity .28s ease, transform .28s ease;z-index:60
}
.nav-card.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.nav-item{display:block;padding:10px;border-radius:8px;color:var(--text);text-decoration:none;font-weight:700}
.nav-item:hover{background:rgba(4,96,217,0.06)}
/* Ensure page content sits below fixed header */
body{padding-top:56px}