header{position:fixed;inset:0 0 auto 0;background:#fff;z-index:999;box-shadow:0 4px 10px rgba(0,0,0,.1);width:100%;margin:0 auto;max-width:100%}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 0}
.menu{display:flex;gap:25px;list-style:none;margin:0;padding:0}
.menu>li{position:relative}
.menu a{text-decoration:none;color:var(--primary);font-size:1.25rem;padding:10px 12px;display:inline-block}
.submenu{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2);min-width:300px;transition:opacity .2s ease-in-out}
.submenu a{display:block;padding:12px 20px;color:#000;font-size:1.10rem}
.menu>li:hover .submenu{display:block;opacity:1}
.logo img{display:block;width:220px;height:88px;}
.is-purple{color:#8A0089;font-weight:700}
.is-purple:hover{color:#5f005f}
@media(min-width:1025px){#burger-menu{display:none}}
@media(max-width:1024px){body::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease;z-index:1100}body[data-menu-open=true]{overflow:hidden;height:100dvh}body[data-menu-open=true]::before{right:var(--drawer-w);opacity:1;visibility:visible;pointer-events:auto}#main-menu{position:fixed;top:0;right:0;bottom:0;width:var(--drawer-w);background:#fff;padding:64px 16px 24px;box-shadow:-12px 0 24px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .28s ease;overflow-y:auto;display:block!important;z-index:1101}body[data-menu-open=true] #main-menu{transform:translateX(0)}#main-menu>li{margin-bottom:8px}#main-menu>li>a{display:block;width:100%;padding:12px 12px 12px 8px;min-height:48px}#main-menu .submenu{position:static;display:none;box-shadow:none;padding:4px 0 4px 8px;width:100%}#main-menu>li.dropdown.is-open>.submenu{display:block!important}#main-menu .dropdown>a{position:relative;padding-right:28px}#main-menu .dropdown>a::after{content:"▾";position:absolute;right:8px;top:50%;transform:translateY(-50%) rotate(0);transition:transform .2s ease;font-size:.9em}#main-menu .dropdown.is-open>a::after{transform:translateY(-50%) rotate(180deg)}#burger-menu{position:fixed;top:max(12px,env(safe-area-inset-top));right:16px;display:inline-flex!important;flex-direction:column;gap:6px;width:44px;padding:10px;background:0;border:0;border-radius:10px;z-index:1102}#burger-menu .burger-line{display:block;width:28px;height:3px;background:var(--primary);border-radius:2px}}