/* ============================================
   COMPONENTS.CSS - Header & Footer (Shared)
   Uses CSS Variables from LP-specific CSS
   ============================================ */
#header-goc{background-color:var(--header-bg, #131D3F);position:sticky;top:0;z-index:99999;font-family:'Plus Jakarta Sans',sans-serif}#header-goc .header-container{max-width:1140px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}#header-goc .header-logo img{height:45px;width:auto}#header-goc .header-nav{display:flex}#header-goc .nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:8px}#header-goc .nav-menu>li{position:relative}#header-goc .nav-menu>li>a{display:flex;align-items:center;gap:6px;padding:10px 16px;color:var(--header-text, #FFFFFF);text-decoration:none;font-size:15px;font-weight:600;transition:all .3s ease;border-radius:6px}#header-goc .nav-menu>li>a:hover{color:#F3F3F3;background:var(--header-hover-bg, rgba(255,255,255,0.1))}#header-goc .nav-menu>li>a .icon-caret{transition:transform .3s ease}#header-goc .has-submenu:hover .submenu{opacity:1;visibility:visible;transform:translateY(0)}#header-goc .has-submenu:hover>a .icon-caret{transform:rotate(180deg)}#header-goc .submenu{position:absolute;top:100%;left:0;background:#FFFFFF;min-width:200px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);list-style:none;margin:0;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:100000}#header-goc .submenu li a{display:block;padding:12px 20px;color:#333333;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease}#header-goc .submenu li a:hover{background:#EDEDED;color:#3C3C3C}#header-goc .submenu li:first-child a{border-radius:12px 12px 0 0}#header-goc .submenu li:last-child a{border-radius:0 0 12px 12px}#header-goc .mobile-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:8px}#header-goc .mobile-toggle .bar{width:24px;height:2px;background:var(--header-text, #FFFFFF);transition:all .3s ease;border-radius:2px}#header-goc .mobile-toggle.active .bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}#header-goc .mobile-toggle.active .bar:nth-child(2){opacity:0}#header-goc .mobile-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}#header-goc .mobile-nav{display:none;background:#FFFFFF;border-radius:0 0 16px 16px;box-shadow:0 10px 40px rgba(0,0,0,.1);overflow:hidden;max-height:0;transition:max-height .4s ease}#header-goc .mobile-nav.active{max-height:500px}#header-goc .mobile-menu{list-style:none;margin:0;padding:16px 0}#header-goc .mobile-menu>li>a,#header-goc .mobile-menu>li>.submenu-toggle{display:flex;align-items:center;padding:14px 24px;color:#333333;text-decoration:none;font-size:15px;font-weight:600;transition:all .2s ease;cursor:pointer;background:transparent;border:none;width:100%;text-align:left}#header-goc .mobile-menu .menu-icon{width:22px;height:22px;margin-right:12px;color:#1A6DE5;flex-shrink:0}#header-goc .mobile-menu>li>a>span,#header-goc .mobile-menu>li>.submenu-toggle>span{flex-grow:1}#header-goc .mobile-menu>li>.submenu-toggle>.arrow{color:#666;transition:transform .3s ease;margin-left:auto;flex-shrink:0}#header-goc .mobile-menu>li>a:hover,#header-goc .mobile-menu>li>.submenu-toggle:hover{background:#F5F5F5}#header-goc .mobile-submenu{list-style:none;margin:0;padding:0;background:#F9F9F9;max-height:0;overflow:hidden;transition:max-height .3s ease}#header-goc .mobile-submenu.active{max-height:300px}#header-goc .mobile-submenu li a{display:block;padding:12px 24px 12px 60px;color:#555555;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease}#header-goc .mobile-submenu li a:hover{background:#EDEDED;color:#333333}@media(max-width:968px){#header-goc .header-nav{display:none}#header-goc .mobile-toggle{display:flex}#header-goc .mobile-nav{display:block}}@media(max-width:480px){#header-goc .header-logo img{height:38px}#header-goc .header-container{padding:10px 16px}}
#footer-goc{background:var(--footer-bg, linear-gradient(135deg,#0a1628 0%,#1a0a2e 50%,#0a1628 100%));position:relative;overflow:hidden;padding:80px 20px 40px;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}#footer-goc::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 80%,var(--footer-glow-1, rgba(0,212,255,.08)) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--footer-glow-2, rgba(139,92,246,.08)) 0%,transparent 50%);pointer-events:none}#footer-goc .footer-container{max-width:1200px;margin:0 auto;position:relative;z-index:10}#footer-goc .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;margin-bottom:60px}#footer-goc .footer-brand{max-width:400px}#footer-goc .footer-logo{margin-bottom:20px}#footer-goc .footer-logo img{height:48px;width:auto}#footer-goc .footer-desc{font-size:15px;color:rgba(255,255,255,.7);line-height:1.8;margin:0 0 24px 0}#footer-goc .footer-desc strong{color:#fff}#footer-goc .footer-desc em{color:var(--accent-cyan, #00D4FF);font-style:normal}#footer-goc .footer-social{display:flex;gap:12px}#footer-goc .social-icon{width:42px;height:42px;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--accent-cyan, #00D4FF);transition:all .3s ease}#footer-goc .social-icon:hover{background:linear-gradient(135deg,var(--accent-cyan, #00D4FF) 0%,var(--accent-purple, #8B5CF6) 100%);border-color:transparent;color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,212,255,.3)}#footer-goc .social-icon svg{width:20px;height:20px}#footer-goc .footer-title{font-size:18px;font-weight:700;color:var(--accent-yellow, #FBBF24);margin:0 0 24px 0;position:relative;padding-bottom:12px}#footer-goc .footer-title::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(135deg,var(--accent-cyan, #00D4FF),var(--accent-purple, #8B5CF6));border-radius:2px}#footer-goc .footer-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}#footer-goc .footer-menu li a{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.7);text-decoration:none;font-size:15px;font-weight:500;transition:all .3s ease}#footer-goc .footer-menu li a:hover{color:#fff;transform:translateX(5px)}#footer-goc .footer-menu .arrow-icon{color:var(--accent-yellow, #FBBF24);flex-shrink:0;transition:transform .3s ease}#footer-goc .footer-menu li a:hover .arrow-icon{transform:translateX(3px)}#footer-goc .contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}#footer-goc .contact-list li a{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.7);text-decoration:none;font-size:15px;transition:all .3s ease}#footer-goc .contact-list li a:hover{color:#fff}#footer-goc .contact-icon{width:40px;height:40px;min-width:40px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#A78BFA;transition:all .3s ease}#footer-goc .contact-list li a:hover .contact-icon{background:linear-gradient(135deg,var(--accent-purple, #8B5CF6) 0%,var(--accent-cyan, #00D4FF) 100%);border-color:transparent;color:#fff}#footer-goc .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:30px;text-align:center}#footer-goc .footer-bottom p{font-size:14px;color:rgba(255,255,255,.5);margin:0}@media(max-width:968px){#footer-goc{padding:60px 20px 30px}#footer-goc .footer-grid{grid-template-columns:1fr 1fr;gap:40px}#footer-goc .footer-brand{grid-column:1/-1;max-width:100%;text-align:center}#footer-goc .footer-social{justify-content:center}#footer-goc .footer-title::after{left:50%;transform:translateX(-50%)}#footer-goc .footer-links,#footer-goc .footer-contact{text-align:center}#footer-goc .footer-menu li a{justify-content:center}#footer-goc .contact-list li a{justify-content:center}}@media(max-width:640px){#footer-goc{padding:50px 16px 24px}#footer-goc .footer-grid{grid-template-columns:1fr;gap:40px;margin-bottom:40px}#footer-goc .footer-logo img{height:40px}#footer-goc .footer-desc{font-size:14px}#footer-goc .social-icon{width:38px;height:38px}#footer-goc .footer-title{font-size:16px;margin-bottom:20px}#footer-goc .footer-menu li a,#footer-goc .contact-list li a{font-size:14px}#footer-goc .contact-icon{width:36px;height:36px;min-width:36px}#footer-goc .footer-bottom{padding-top:24px}#footer-goc .footer-bottom p{font-size:13px}}@media(max-width:380px){#footer-goc{padding:40px 12px 20px}#footer-goc .footer-grid{gap:32px;margin-bottom:32px}#footer-goc .footer-logo img{height:36px}#footer-goc .footer-desc{font-size:13px}#footer-goc .social-icon{width:36px;height:36px}#footer-goc .footer-menu,#footer-goc .contact-list{gap:12px}}
