.navbar{z-index:1000;height:var(--nav-h);background:0 0;align-items:center;transition:background .4s,box-shadow .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-nav);border-bottom:1px solid var(--border);background:#0c0c0feb}.nav-container{max-width:var(--container-max);padding:0 var(--container-pad);align-items:center;gap:32px;width:100%;margin:0 auto;display:flex}.nav-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-text{flex-direction:column;line-height:1;display:flex}.logo-name{color:var(--text-white);font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.logo-sub{color:var(--accent);letter-spacing:.05em;font-size:11px;font-weight:500}.nav-links{flex:1;justify-content:center;align-items:center;gap:4px;margin-left:auto;display:flex}.nav-link{color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:8px 14px;font-family:Outfit,sans-serif;font-size:15px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--text-white)}.nav-arrow{transition:transform var(--transition);font-size:10px}li:hover .nav-arrow{transform:rotate(180deg)}.dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-card);z-index:100;padding:8px;animation:.2s fadeInDown;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.dropdown:before{content:"";background:0 0;height:12px;position:absolute;top:-12px;left:0;right:0}.dropdown-wide{min-width:520px}.dropdown-grid{grid-template-columns:1fr 1fr;gap:2px;display:grid}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}li{position:relative}.dropdown-item{border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition);align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.dropdown-item:hover{background:var(--accent-light);color:var(--accent)}.dropdown-icon{font-size:16px}.nav-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.nav-phone{color:var(--text-muted);transition:color var(--transition);align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.nav-phone:hover{color:var(--accent)}.nav-cta{padding:10px 22px;font-size:14px}.nav-burger{border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-direction:column;gap:5px;padding:8px;display:none}.nav-burger span{background:var(--text-white);width:22px;height:2px;transition:var(--transition);border-radius:2px;display:block}.nav-burger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-burger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{top:var(--nav-h);width:320px;height:calc(100vh - var(--nav-h));background:var(--bg-card);border-left:1px solid var(--border);z-index:999;transition:transform var(--transition-slow);position:fixed;right:0;overflow-y:auto;transform:translate(100%)}.mobile-menu.open{transform:translate(0)}.mobile-menu-inner{padding:24px}.mobile-section{margin-bottom:24px}.mobile-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:11px;font-weight:600}.mobile-link{border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition);align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.mobile-link:hover{color:var(--text-white);background:var(--bg-light)}.mobile-cta{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:16px;display:flex}.mobile-overlay{z-index:998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;position:fixed;inset:0}@media (max-width:1024px){.nav-links,.nav-phone{display:none}.nav-burger{display:flex}.nav-actions{gap:8px}.nav-actions .nav-phone{display:none}}@media (max-width:480px){.nav-cta{display:none}}
.footer{background:var(--bg-card);border-top:1px solid var(--border)}.footer-cta-banner{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f5b84214 0%,#0c0c0f00 100%);padding:48px 0}.footer-cta-inner{justify-content:space-between;align-items:center;gap:32px;display:flex}.footer-cta-inner h3{margin-bottom:8px;font-size:28px}.footer-cta-inner p{color:var(--text-muted);margin:0;font-size:15px}.footer-cta-actions{flex-shrink:0;gap:14px;display:flex}.footer-main{padding:64px 0 40px}.footer-grid{grid-template-columns:280px repeat(4,1fr);gap:48px;display:grid}.footer-logo{align-items:center;gap:10px;margin-bottom:16px;display:flex}.footer-desc{color:var(--text-muted);margin-bottom:20px;font-size:14px;line-height:1.7}.footer-contact-list{flex-direction:column;gap:8px;display:flex}.footer-contact-item{color:var(--text-muted);transition:color var(--transition);font-size:14px;text-decoration:none}.footer-contact-item:hover{color:var(--accent)}.footer-col-title{color:var(--text-white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700}.footer-links-list{flex-direction:column;gap:10px;display:flex}.footer-links-list li a{color:var(--text-muted);transition:color var(--transition);align-items:center;gap:6px;font-size:14px;text-decoration:none;display:flex}.footer-links-list li a:hover{color:var(--accent)}.footer-links-list li a:before{content:"›";color:var(--accent);opacity:0;transition:opacity var(--transition);font-size:16px}.footer-links-list li a:hover:before{opacity:1}.footer-bottom{border-top:1px solid var(--border);padding:20px 0}.footer-bottom-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-bottom p{color:var(--text-subtle);margin:0;font-size:13px}.footer-bottom a{color:var(--text-subtle);transition:color var(--transition)}.footer-bottom a:hover{color:var(--accent)}@media (max-width:1100px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:768px){.footer-cta-inner{flex-direction:column}.footer-cta-actions{flex-direction:column;width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-bottom-inner{text-align:center;flex-direction:column}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}
