.menu-btn{width:42px;height:42px;flex:0 0 42px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,#1b1b1e,#08080a);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 22px rgba(0,0,0,.26);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.menu-btn span{display:block;width:18px;height:1.6px;border-radius:99px;background:linear-gradient(90deg,#777980,#fff,#9d9fa5);box-shadow:0 0 7px rgba(255,255,255,.12)}.menu-btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 10px 26px rgba(0,0,0,.38),0 0 18px rgba(255,255,255,.04)}
.menu-backdrop{position:fixed;inset:64px 0 0;z-index:48;background:rgba(0,0,0,.58);backdrop-filter:blur(6px);opacity:0;transition:opacity .22s ease}.menu-backdrop.on{opacity:1}.menu-drawer{position:fixed;z-index:49;top:64px;left:0;bottom:0;width:min(430px,92vw);padding:24px 18px 28px;background:radial-gradient(circle at 20% 0,#242428 0,#0d0d10 26%,#050506 63%,#020203 100%);border-right:1px solid rgba(255,255,255,.13);box-shadow:26px 0 70px rgba(0,0,0,.56),inset -1px 0 0 rgba(255,255,255,.03);transform:translateX(-104%);transition:transform .25s cubic-bezier(.2,.75,.25,1);overflow-y:auto}.menu-drawer.on{transform:translateX(0)}.menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:4px 4px 20px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}.menu-head small{font-size:10px;letter-spacing:.2em}.menu-head h2{margin:4px 0 0;font-size:30px;line-height:1;letter-spacing:-.05em;background:linear-gradient(180deg,#fff,#c6c7cb 46%,#898b91 68%,#ececee);-webkit-background-clip:text;background-clip:text;color:transparent}.menu-close{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,#1b1b1e,#08080a);color:#d7d8dc;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.menu-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.menu-cats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-cat{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr) 15px;align-items:center;gap:9px;text-align:left;color:#c1c2c7;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:12px 11px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}.menu-cat:hover{transform:translateY(-1px);color:#fff;border-color:rgba(255,255,255,.22);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.025))}.menu-cat.on{color:#09090a;background:linear-gradient(180deg,#fff,#b7b8bd 52%,#ededee);border-color:#d7d7db}.menu-cat-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#c8c9ce;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.menu-cat-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.menu-cat.on .menu-cat-icon{color:#26272b;background:rgba(0,0,0,.045);border-color:rgba(0,0,0,.08)}.menu-cat>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}.menu-cat-arrow{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.48}.menu-open{overflow:hidden}
@media(max-width:650px){.menu-backdrop{inset:72px 0 0}.menu-drawer{top:72px;width:min(390px,96vw)}.menu-cats{grid-template-columns:1fr}.menu-btn{width:40px;height:40px;flex-basis:40px;border-radius:13px}.logo{font-size:20px}header{gap:10px}header input{width:min(360px,44vw)}}