@charset "utf-8";

.hamburger{width:30px;height:25px;cursor:pointer;position:absolute;z-index:1002}.hamburger span{display:block;position:absolute;height:3.2px;width:100%;background:#fff;border-radius:3px;opacity:1;left:0;transform:rotate(0deg);transition:0.25s ease-in-out}.hamburger span:nth-child(1){top:0px}.hamburger span:nth-child(2),.hamburger span:nth-child(3){top:11px}.hamburger span:nth-child(4){top:22px}.hamburger.active span:nth-child(1){top:11px;width:0%;left:50%}.hamburger.active span:nth-child(2){transform:rotate(45deg)}.hamburger.active span:nth-child(3){transform:rotate(-45deg)}.hamburger.active span:nth-child(4){top:11px;width:0%;left:50%}#overlay-mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000}#overlay-mobile-menu.active{opacity:1;visibility:visible}.off-canvas-menu{position:fixed;top:0;right:-70%;width:320px;height:100%;background:white;transition:right 0.3s ease;z-index:1001;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;box-shadow:-5px 0 30px rgba(0,0,0,0.3)}.off-canvas-menu.active{right:0}.menu-container{position:relative;width:100%;height:100%;overflow:hidden}.menu-level{position:absolute;top:0;left:0;width:100%;height:100%;background:white;transition:transform 0.3s ease;overflow-y:auto;padding-top:70px;transform:translateX(100%);overflow-x:hidden}.menu-level[data-level="0"]{transform:translateX(0)}.menu-level.active{transform:translateX(0)}.menu-level.slide-left{transform:translateX(-100%)}.menu-level.slide-right{transform:translateX(100%)}.menu-header{position:absolute;top:0;left:0;width:100%;height:60px;background:linear-gradient(135deg,#09556f 0%,#09556f 100%);display:flex;align-items:center;padding:0 20px;color:white;font-weight:bold;z-index:10}.back-btn{background:none;border:none;color:white;font-size:18px;cursor:pointer;margin-right:15px;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease}.back-btn:hover{background:rgba(255,255,255,0.2)}.menu-link{display:flex;align-items:center;padding:18px 25px;text-decoration:none;color:#333;font-size:16px;transition:all 0.2s ease;position:relative}.menu-link:focus{color:#333}.menu-link:hover{border-radius:-.75rem;border-left:15px solid #fef200;background:#08556f;color:#f0f0f0;transform:scaleX(1.02)}.menu-link.has-submenu::after{content:'›';position:absolute;right:25px;font-size:20px;color:#999;transition:transform 0.2s ease}.menu-link.has-submenu:hover::after{transform:translateX(5px)}.main-content{margin-top:60px;padding:40px;text-align:center}.main-content h1{color:white;font-size:2.5em;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,0.3)}.main-content p{color:rgba(255,255,255,0.9);font-size:1.2em;line-height:1.6}.swipe-indicator{position:sticky;bottom:20px;left:50%;color:#999;font-size:12px;text-align:center;opacity:0.7}.swipe-indicator::before{content:'← ';animation:swipeHint 2s infinite}@keyframes swipeHint{0%,100%{opacity:0.3}50%{opacity:1}}@media (max-width:480px){.off-canvas-menu{width:75%;right:-100%}}@media (max-width:1030px){.hamburger{display:block !important;position:absolute}}