.special-header{height:112px;gap:24px;position:relative;z-index:30;background:#5267fa;padding:14px 4%;display:flex;align-items:center;justify-content:space-between}.special-header .logo{flex-shrink:0}.special-header .logo img{width:110px;height:76px;transition:transform .4s cubic-bezier(.2,1.6,.4,1)}.special-header .logo:hover img{transform:rotate(-5deg) scale(1.05)}.special-header nav.desktop-nav{display:flex;gap:9px;align-items:center;flex-wrap:nowrap}.special-header .nav-pill{position:relative;display:flex;align-items:center;gap:8px;padding:11px 13px;background:#ffffff12;border:1px solid #ffffff2d;border-radius:50px;color:#fff;font-size:11px;font-weight:600;white-space:nowrap;transition:transform .3s cubic-bezier(.2,1.6,.4,1),background .3s,box-shadow .3s,border-color .3s}.special-header .nav-pill:hover{color:#5267fa;background:white;transform:translateY(-4px) rotate(-1.5deg);border-color:white;box-shadow:0 4px 0 #dbe9ff70,0 8px 22px #354ddd28}.nav-icon{display:grid;place-items:center;flex-shrink:0}.nav-icon svg{width:19px;height:19px;transition:transform .35s cubic-bezier(.2,1.6,.4,1)}.nav-pill:hover .nav-icon svg{transform:rotate(-12deg) scale(1.17)}.nav-arrow{font-size:14px;line-height:1;opacity:0;width:0;transform:translate(-5px,3px);transition:opacity .25s,transform .25s,width .25s}.nav-pill:hover .nav-arrow{opacity:1;width:10px;transform:none}.special-header .nav-create{background:white;border-color:white;color:#5267fa;box-shadow:0 3px 0 #dbe8ff88;letter-spacing:.2px}.special-header .nav-create .nav-icon svg{stroke:#5267fa;fill:#e8efff}.special-header .nav-pill[aria-current=page]{background:#ffffffed;color:#5267fa;border-color:white;box-shadow:0 3px 0 #dae5ff88}.header-actions{display:flex;gap:12px;align-items:center}.special-bag{padding:10px 13px;gap:8px;border:1px solid #ffffff55;background:#ffffff17;font-size:11px;white-space:nowrap}.special-bag>svg{width:18px;height:18px}.special-header .special-bag b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#5267fa;background:white;font-size:10px;font-weight:700}.mobile-menu{display:none}.special-header .bag-label{background:transparent;color:inherit;width:auto;height:auto;min-width:0;display:inline;font-size:11px}.special-header a:focus-visible,.mobile-menu summary:focus-visible{outline:3px solid #d3edff;outline-offset:5px}.mobile-menu summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;background:white;color:#5267fa;border-radius:40px;padding:11px 16px;font-size:12px;font-weight:700;box-shadow:0 3px 0 #d9e5ff88;user-select:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary>svg{width:19px;height:19px;transition:rotate .3s}.mobile-menu[open] summary>svg{rotate:90deg}.mobile-nav-panel{position:absolute;top:calc(100% - 2px);left:5%;right:5%;background:#fff;border:1px solid #dee5ff;border-radius:28px;padding:22px;box-shadow:0 20px 45px #3142a629;animation:menu-pop .4s cubic-bezier(.2,1.2,.4,1) both}.mobile-nav-panel>p{font-size:8px;letter-spacing:2px;color:#a3add0;margin-bottom:15px}.special-header .mobile-nav-panel nav{display:grid;grid-template-columns:1fr;gap:9px;padding:0;overflow:visible;white-space:normal;width:auto}.special-header .mobile-nav-panel .nav-pill{background:#f0f3ff;border-color:#e7ecff;color:#5267fa;border-radius:19px;padding:13px 14px;gap:14px;white-space:normal;font-size:13px}.special-header .mobile-nav-panel .nav-create{background:#5267fa;color:white;border-color:#5267fa;box-shadow:0 3px 0 #c6d5ff;margin-bottom:3px}.mobile-nav-panel .nav-create .nav-icon svg{fill:none;stroke:white}.mobile-nav-panel .nav-icon{width:37px;height:37px;border-radius:13px;background:#fff9}.mobile-nav-panel .nav-create .nav-icon{background:#ffffff20}.mobile-nav-panel .nav-icon svg{width:23px;height:23px}.nav-label small{display:block;font-size:10px;font-weight:400;color:#8a95be;margin-top:4px;letter-spacing:0}.nav-create .nav-label small{color:#e3eaff}.mobile-nav-panel .nav-arrow{margin-left:auto;opacity:1;width:12px;transform:none;font-size:19px}.mobile-nav-panel .nav-pill:hover{transform:translateX(3px);background:#e9efff}.mobile-nav-panel .nav-create:hover{background:#6378ff;color:white}.menu-caption{display:block;font-size:10px;text-align:center;color:#a5afd0;margin-top:21px;letter-spacing:.3px}@keyframes menu-pop{from{opacity:0;transform:translateY(-7px) scale(.97);transform-origin:top right}to{opacity:1;transform:none}}@media(min-width:1300px){.special-header .nav-pill{font-size:12px;padding:12px 17px;gap:10px}.special-header nav.desktop-nav{gap:11px}.special-header .logo img{width:126px;height:84px}}@media(max-width:1050px){.special-header nav.desktop-nav{display:none}.mobile-menu{display:block}.special-header{height:103px;padding:12px 5%;gap:16px;display:flex}.special-header .logo img{width:105px;height:71px}.header-actions{gap:10px}.special-bag{font-size:11px;padding:9px 13px}.special-header .bag-label{display:none}.special-header .special-bag b{width:21px;height:21px}}@media(max-width:680px){.special-header{height:96px;min-height:96px;padding:10px 5%;gap:12px;display:flex}.special-header .logo img{width:90px;height:64px}.header-actions{gap:9px}.special-bag{padding:8px 11px;gap:6px}.mobile-menu summary{font-size:11px;padding:10px 13px;gap:7px}.mobile-menu summary svg{width:18px;height:18px}.mobile-nav-panel{left:4%;right:4%;padding:20px;max-height:calc(100dvh - 135px);overflow-y:auto}.special-header .mobile-nav-panel .nav-pill{font-size:12px;padding:11px 13px}.mobile-nav-panel .nav-icon{width:34px;height:34px}.mobile-nav-panel .nav-icon svg{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
