.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--spacing-sm) 0;transition:all var(--transition-base);background:var(--color-bg-primary);border-bottom:1px solid transparent}.navbar.scrolled{background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);border-bottom-color:var(--border-color)}.navbar-content{display:flex;justify-content:space-between;align-items:center}.navbar-logo{position:relative;z-index:1001;text-decoration:none;display:flex;align-items:center;gap:.75rem;transition:all var(--transition-base)}.navbar-logo:hover{transform:scale(1.02)}.navbar-logo img{transition:transform var(--transition-base)}.navbar-logo:hover img{transform:rotate(-5deg)}.logo-text{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.5px;cursor:pointer;transition:all var(--transition-base)}.logo-text:hover{transform:scale(1.02)}.navbar-links{display:flex;align-items:center;gap:var(--spacing-md)}.nav-link{position:relative;color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-base);transition:all var(--transition-base);opacity:0;animation:fadeIn .5s ease-out forwards;text-decoration:none;padding:.5rem 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.nav-link:hover{color:var(--color-primary)}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--color-primary);font-weight:600}.nav-link.active:after{width:100%}.nav-cta{padding:.625rem 1.5rem;background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;font-weight:600;transition:all var(--transition-base);box-shadow:var(--shadow-sm);opacity:0;animation:fadeIn .5s ease-out .5s forwards;text-decoration:none}.nav-cta:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:transparent;padding:.5rem;z-index:1001;position:relative}.mobile-menu-btn span{width:25px;height:2px;background:var(--color-text-primary);transition:all var(--transition-base);border-radius:var(--radius-full)}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:768px){.mobile-menu-btn{display:flex}.navbar-links{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;background:var(--color-bg-primary);flex-direction:column;align-items:flex-start;padding:5rem var(--spacing-md);gap:var(--spacing-md);transition:right var(--transition-base);box-shadow:var(--shadow-xl)}.navbar-links.active{right:0}.nav-link,.nav-cta{width:100%}.nav-cta{text-align:center}}.footer{background-image:url(../../../public/images/sphurtix_footer.png);background-size:cover;background-position:center;background-repeat:no-repeat;padding:var(--spacing-xl) 0 var(--spacing-md);border-top:1px solid var(--border-color);position:relative;will-change:transform}.footer-content{display:grid;grid-template-columns:1.5fr 2fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid rgba(0,0,0,.2)}.footer-brand{max-width:350px}.footer-logo-container{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--spacing-sm)}.footer-brand h3{font-size:var(--font-size-3xl);margin:0;font-weight:700;line-height:1}.footer-brand h3.logo-gradient-text{background:var(--gradient-logo);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{font-size:var(--font-size-sm);line-height:1.7;margin-bottom:var(--spacing-md);color:var(--color-text-secondary);text-shadow:1px 1px 2px rgba(255,255,255,.8)}.footer-social{display:flex;gap:var(--spacing-sm)}.footer-social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:var(--radius-sm);color:var(--color-text-primary);transition:all var(--transition-base);border:1px solid rgba(0,0,0,.1)}.footer-social a:hover{background:var(--color-primary);color:#fff;transform:translateY(-3px);border-color:var(--color-primary)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.footer-column h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-weight:700;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.footer-column ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-column a{color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-base);display:inline-block;text-decoration:none;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.footer-column a:hover{color:var(--color-primary);transform:translate(5px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.footer-bottom p{color:var(--color-text-primary);font-size:var(--font-size-sm);margin:0;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.footer-bottom-links{display:flex;gap:var(--spacing-md)}.footer-bottom-links a{color:var(--color-text-primary);font-size:var(--font-size-sm);transition:color var(--transition-base);text-decoration:none;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.footer-bottom-links a:hover{color:var(--color-primary)}@media(max-width:1024px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-brand{max-width:100%}.footer-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.footer-links{grid-template-columns:1fr;gap:var(--spacing-md)}.footer-bottom{flex-direction:column;text-align:center}.footer-bottom-links{flex-direction:column;gap:.5rem}}