.header{z-index:1000;height:80px;transition:all .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 20px rgba(0,0,0,.1)}.header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#0c1a2b 0%,#0c1a2b 100%);box-shadow:0 4px 30px rgba(0,0,0,.2)}.header .container{justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.logo{z-index:1001;align-items:center;gap:12px;text-decoration:none;display:flex}.logo-icon{justify-content:center;align-items:center;display:flex}.logo-text{color:#fff;font-family:Inter,sans-serif;font-size:24px;font-weight:600;line-height:1}.desktop-nav{align-items:center;gap:40px;display:flex}.desktop-nav a{color:#fff;letter-spacing:-.28px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:normal;text-decoration:none;transition:color .3s;position:relative}.desktop-nav a:hover{color:#f26419}.desktop-nav a:after{content:"";background:#f26419;width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.desktop-nav a:hover:after{width:100%}.desktop-btns{align-items:center;gap:15px;display:flex}.mobile-menu-btn{cursor:pointer;z-index:1001;background:0 0;border:none;padding:8px;display:none}.hamburger{flex-direction:column;width:24px;height:18px;display:flex;position:relative}.hamburger span{transform-origin:50%;background:#fff;border-radius:1px;width:100%;height:2px;transition:all .3s;display:block}.hamburger span:first-child,.hamburger span:nth-child(2){margin-bottom:6px}.hamburger.active span:first-child{transform:rotate(45deg)translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.mobile-btn{display:none}.btn-primary{color:#fff;letter-spacing:-.28px;background:#f26419;border:1px solid #ff8f55;border-radius:50px;padding:10px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:normal;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 0 15px 1px rgba(242,100,25,.4)}.btn-primary:hover{background:#e55a2b;transform:translateY(-2px);box-shadow:0 4px 20px rgba(242,100,25,.6)}.btn-secondary{color:#0c1a2b;letter-spacing:-.28px;background:#fff;border-radius:50px;padding:10px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:normal;text-decoration:none;transition:all .3s;display:inline-block}.btn-secondary:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:999;background:rgba(0,0,0,.8);justify-content:center;align-items:flex-start;padding-top:80px;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{transform-origin:top;background:linear-gradient(135deg,#16213e 0%,#1a1a2e 100%);border-radius:0 0 20px 20px;flex-direction:column;width:100%;max-width:500px;min-height:400px;padding:20px;animation:.4s ease-out slideDown;display:flex;box-shadow:0 10px 40px rgba(0,0,0,.3)}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.mobile-menu-header{border-bottom:1px solid rgba(255,255,255,.1);justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;display:flex}.mobile-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background .3s}.close-btn:hover{background:rgba(255,255,255,.1)}.mobile-nav{flex-direction:column;gap:20px;margin-bottom:40px;display:flex}.mobile-nav a{color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding:15px 0;font-family:Inter,sans-serif;font-size:18px;font-weight:500;text-decoration:none;transition:color .3s}.mobile-nav a:hover{color:#f26419}.mobile-menu-btns{flex-direction:column;gap:15px;margin-top:auto;display:flex}.mobile-menu-btns .btn-primary,.mobile-menu-btns .btn-secondary{text-align:center;padding:15px 20px;font-size:16px}@media (max-width:1024px){.desktop-nav{gap:30px}.desktop-nav a{font-size:13px}.desktop-btns{gap:12px}.btn-primary,.btn-secondary{padding:8px 16px;font-size:13px}}@media (max-width:768px){.header .container{padding:0 15px}.desktop-nav,.desktop-btns{display:none}.mobile-menu-btn,.mobile-btn{display:block}.logo-text{font-size:20px}.logo-icon svg{width:28px;height:28px}.btn-primary{padding:8px 16px;font-size:13px}.mobile-menu-overlay{padding-top:70px}.mobile-menu{border-radius:0 0 15px 15px;max-width:100%;margin:0 15px}}@media (max-width:480px){.header{height:70px}.header .container{padding:0 12px}.logo-text{font-size:18px}.logo-icon svg{width:24px;height:24px}.btn-primary{padding:6px 12px;font-size:12px}.mobile-menu-overlay{padding-top:60px}.mobile-menu{border-radius:0 0 12px 12px;margin:0 10px;padding:15px}.mobile-nav a{padding:12px 0;font-size:16px}.mobile-menu-btns .btn-primary,.mobile-menu-btns .btn-secondary{padding:12px 16px;font-size:14px}}@media (max-width:360px){.header .container{padding:0 10px}.logo-text{font-size:16px}.logo-icon svg{width:20px;height:20px}.btn-primary{padding:5px 10px;font-size:11px}.mobile-menu{padding:12px}.mobile-nav a{padding:10px 0;font-size:15px}}
.footer{background-color:#0c0c0c;margin:0 auto;padding:80px 20px}.footer .icons{gap:8px;margin-top:8px;display:flex}.footer .icons a{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;transition:all .3s;display:flex}.footer .icons a:hover{background-color:#f26419;transform:translateY(-2px)}.footer h3{color:#fff;letter-spacing:-.36px;margin-bottom:1rem;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.footer ul{padding:0;list-style:none}.footer ul li{margin-bottom:.5rem}.footer a{color:rgba(255,255,255,.7);letter-spacing:-.36px;font-size:18px;font-style:normal;font-weight:400;line-height:205.245%;text-decoration:none;transition:color .3s}.footer a:hover{color:#f26419}@media (min-width:1200px){.footer{padding:100px 20px}.footer h3{font-size:20px}.footer a{font-size:19px}}@media (max-width:1199px){.footer{padding:80px 20px}}@media (max-width:991px){.footer{padding:60px 15px}.footer h3,.footer a{font-size:16px}.footer .icons a{width:28px;height:28px}}@media (max-width:767px){.footer{padding:50px 12px}.footer h3{font-size:15px}.footer a{font-size:14px}.footer .icons a{width:26px;height:26px}.footer .icons{gap:6px}}@media (max-width:575px){.footer{padding:40px 10px}.footer h3,.footer a{font-size:18px}.footer .icons a{width:24px;height:24px}.footer .icons{gap:5px}}
