.hamburger,.side-nav{position:fixed;left:20px;display:flex}.nav-item,.sub-nav a{text-decoration:none}:root{--glass-bg:rgba(255, 255, 255, 0.65);--glass-border:rgba(255, 255, 255, 0.5);--text-main:#1d1d1f;--text-secondary:#515154;--accent-blue:#007aff;--anim-spring:cubic-bezier(0.25, 0.8, 0.25, 1)}.hamburger{top:20px;width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.7) 0,rgba(255,255,255,.4) 100%);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.9);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(31,38,135,.1),inset 0 0 0 1px rgba(255,255,255,.2);flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;z-index:2000;transition:transform .4s var(--anim-spring),background .3s}.hamburger:hover{transform:scale(1.08) rotate(2deg);background:linear-gradient(135deg,rgba(255,255,255,.85) 0,rgba(255,255,255,.6) 100%);box-shadow:0 12px 40px rgba(0,122,255,.15)}.hamburger .bar{width:24px;height:2px;background-color:#1d1d1f;border-radius:2px;transition:all .4s var(--anim-spring);position:relative}.hamburger.active .bar:first-child{transform:translateY(8px) rotate(45deg);background-color:var(--accent-blue)}.hamburger.active .bar:nth-child(2){opacity:0;transform:translateX(10px)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg);background-color:var(--accent-blue)}.side-nav{top:85px;width:240px;background:linear-gradient(160deg,rgba(255,255,255,.8) 0,rgba(255,255,255,.6) 100%);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-radius:24px;border:1px solid rgba(255,255,255,.6);border-top-color:rgba(255,255,255,.9);box-shadow:0 20px 60px rgba(0,0,0,.1),inset 0 0 20px rgba(255,255,255,.5);padding:15px;flex-direction:column;gap:8px;z-index:1999;opacity:0;pointer-events:none;transform:translateY(-20px) scale(.95);transform-origin:top left;transition:.5s cubic-bezier(.16, 1, .3, 1)}.side-nav.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:var(--text-main);font-weight:500;font-size:15px;border-radius:14px;transition:.3s;background:0 0;position:relative;overflow:hidden}.nav-item:hover{background:linear-gradient(90deg,rgba(0,122,255,.08) 0,rgba(255,255,255,.5) 100%);color:var(--accent-blue);padding-left:20px;box-shadow:0 4px 12px rgba(0,0,0,.03);backdrop-filter:blur(5px)}.sub-nav{display:none;margin-left:10px;margin-top:5px;padding-left:10px;border-left:2px solid rgba(0,122,255,.15);animation:.3s ease-out forwards slideDown}@keyframes slideDown{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sub-nav a{display:block;padding:10px 12px;font-size:14px;color:var(--text-secondary);border-radius:10px;transition:.2s}.sub-nav a:hover{color:var(--accent-blue);background:rgba(255,255,255,.6);transform:translateX(4px)}.toggle-icon{font-size:10px;opacity:.6;transition:transform .4s var(--anim-spring)}.active-toggle .toggle-icon{transform:rotate(180deg);color:var(--accent-blue);opacity:1}@media (max-width:768px){.side-nav{width:auto;right:20px;left:20px;top:80px}}