.hamburger{background-color:#1a1a1a;border:none;width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;margin-left:10px}.hamburger span{width:20px;height:2px;background-color:#f9f9f9;transition:.3s}.hamburger{background-color:#1a1a1a;border:none;width:40px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;margin-left:10px;z-index:1001;position:relative}.hamburger span{width:20px;height:2px;background-color:#f9f9f9;transition:all .3s ease;transform-origin:center}.hamburger span:nth-child(1) {transform:translateY(0)}.hamburger span:nth-child(2) {opacity:1}.hamburger span:nth-child(3) {transform:translateY(0)}.hamburger.active span:nth-child(1) {transform:translateY(6px) rotate(45deg)}.hamburger.active span:nth-child(2) {opacity:0}.hamburger.active span:nth-child(3) {transform:translateY(-6px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);z-index:1001;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .4s ease}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu-close{position:absolute;top:30px;right:30px;background:none;border:none;color:#f9f9f9;font-size:30px;cursor:pointer;z-index:1002;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.mobile-menu-close:hover{transform:rotate(90deg)}.mobile-menu-content{text-align:center;animation:slideInFromBottom .6s ease}.mobile-menu-nav{list-style:none;padding:0;margin:0;overflow-y:auto}.mobile-menu-nav li{margin:20px 0;opacity:0;transform:translateY(30px);animation:fadeInUp .6s ease forwards}.mobile-menu-nav li:nth-child(1) {animation-delay:.1s}.mobile-menu-nav li:nth-child(2) {animation-delay:.2s}.mobile-menu-nav li:nth-child(3) {animation-delay:.3s}.mobile-menu-nav li a{color:#f9f9f9!important;text-decoration:none;font-size:24px;font-weight:300;letter-spacing:2px;position:relative;transition:all .3s ease;display:inline-block}.mobile-menu-nav li a:hover{color:#46a2da;transform:translateY(-5px)}.mobile-menu-nav li a::after{content:"";position:absolute;bottom:-10px;left:50%;width:0;height:2px;background:#46a2da;transition:all .3s ease;transform:translateX(-50%)}.mobile-menu-nav li a:hover::after{width:100%}.mobile-menu::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:url(data:image/svg+xml,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ viewBox=\"0\ 0\ 100\ 100\"><circle\ cx=\"50\"\ cy=\"50\"\ r=\"1\"\ fill=\"rgba\(255,255,255,0.1\)\"/></svg>) repeat;animation:float 20s linear infinite;opacity:.3}@keyframes slideInFromBottom {
  from {
    transform: translateY(50px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}@keyframes fadeInUp {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}@keyframes float {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}