.mobile-menu-toggle{display:none}
@media(max-width:1100px){
    header.navbar{min-height:80px!important;background:linear-gradient(110deg,#10070e,#050505 65%)}
    .navbar .nav-container{width:92%;min-height:80px;height:auto;flex-wrap:nowrap;justify-content:space-between;gap:18px;position:relative;padding:8px 0}
    .navbar .brand{flex-shrink:0;gap:0}
    .navbar .brand-slogan{display:none}
    .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;gap:11px;min-width:100px;min-height:46px;padding:12px 15px;border:1px solid #ff008b70;border-radius:12px;background:linear-gradient(135deg,#ff008b23,#ffffff05);color:#fff;font:800 10px Montserrat,sans-serif;letter-spacing:1px;cursor:pointer;box-shadow:0 0 22px #ff008b0f}
    .mobile-menu-lines{width:20px;display:grid;gap:5px}
    .mobile-menu-lines span{display:block;height:2px;width:20px;border-radius:2px;background:#dfff00;transition:transform .2s,opacity .2s}
    .mobile-menu-toggle[aria-expanded=true] .mobile-menu-lines span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .mobile-menu-toggle[aria-expanded=true] .mobile-menu-lines span:nth-child(2){opacity:0}
    .mobile-menu-toggle[aria-expanded=true] .mobile-menu-lines span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
    .navbar .menu{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:16px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-height:70vh;max-height:70dvh;overflow-y:auto;overscroll-behavior:contain;border:1px solid #ff008b55;border-top:2px solid #ff008b;border-radius:0 0 20px 20px;background:linear-gradient(145deg,#210e1c,#101013 65%);box-shadow:0 18px 40px #000b;z-index:101;animation:mobile-menu-enter .2s ease both}
    .navbar .mobile-menu-toggle[aria-expanded=true]+.menu{display:grid}
    .navbar .menu-item{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;width:100%;height:auto;min-height:49px;padding:15px 16px;border:1px solid #ffffff0b;border-radius:10px;background:#ffffff04;font-size:12px;letter-spacing:1px;color:#eee;white-space:normal}
    .navbar .menu-item span{display:block}
    .navbar .menu-item::before,.navbar .menu-item::after{display:none}
    .navbar .menu-item.active{color:#dfff00;background:linear-gradient(90deg,#ff008b29,#ff008b08);border-color:#ff008b55;box-shadow:inset 3px 0 #ff008b}
    .navbar .menu .social{display:flex;align-items:center;justify-content:center;width:100%;height:44px;margin-top:8px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff05;font-size:19px;color:#dfff00}
    .mobile-menu-toggle:focus-visible,.navbar .menu a:focus-visible{outline:2px solid #dfff00;outline-offset:3px}
    .hero{padding-top:32px}
    .main-logo{max-width:540px}
}
@keyframes mobile-menu-enter{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.navbar .menu,.mobile-menu-lines span{animation:none!important;transition:none!important}}