*{box-sizing:border-box}.glassmorphism-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.2);font-size:1rem;left:0;padding:1.5rem 0;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.glassmorphism-header.scrolled{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:hsla(0,0%,100%,.25);box-shadow:0 8px 32px rgba(0,0,0,.1);font-size:.9rem;padding:.75rem 0}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.header-container,.header-logo{align-items:center;display:flex}.header-logo{flex-shrink:0;transition:transform .4s cubic-bezier(.4,0,.2,1)}.glassmorphism-header.scrolled .header-logo{transform:scale(.9)}.header-logo img{display:block;height:40px;transition:height .4s cubic-bezier(.4,0,.2,1);width:auto}.glassmorphism-header.scrolled .header-logo img{height:32px}.header-nav{flex-grow:1;justify-content:center}.header-nav,.header-nav ul{align-items:center;display:flex}.header-nav ul{gap:2rem;list-style:none;margin:0;padding:0}.header-nav a,.header-nav li{position:relative}.header-nav a{border-radius:8px;color:rgba(0,0,0,.8);display:block;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.header-nav a:hover{background:hsla(0,0%,100%,.2);color:#000;transform:translateY(-2px)}.header-nav .dropdown{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.1);left:0;min-width:200px;opacity:0;padding:.5rem 0;position:absolute;top:100%;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden}.header-nav li:hover .dropdown{opacity:1;transform:translateY(0);visibility:visible}.header-buttons{align-items:center;display:flex;flex-shrink:0;gap:1rem}.header-buttons .btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;display:inline-block;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.glassmorphism-header.scrolled .header-buttons .btn{font-size:.875rem;padding:.5rem 1rem}.header-buttons .btn-primary{background:rgba(0,123,255,.8);border-color:rgba(0,123,255,.3);color:#fff}.header-buttons .btn-primary:hover{background:#007bff;box-shadow:0 8px 25px rgba(0,123,255,.3);transform:translateY(-2px)}.header-buttons .btn-secondary{background:hsla(0,0%,100%,.1);color:rgba(0,0,0,.8)}.header-buttons .btn-secondary:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.mobile-menu-toggle{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:none;border-radius:8px;cursor:pointer;display:none;flex-direction:column;padding:.5rem;transition:all .3s ease}.mobile-menu-toggle span{background:rgba(0,0,0,.8);border-radius:2px;display:block;height:2px;margin:3px 0;transition:all .3s ease;width:24px}.mobile-menu-toggle:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.1);border-left:1px solid hsla(0,0%,100%,.2);height:100vh;padding:6rem 2rem 2rem;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);width:300px;z-index:999}.mobile-nav.active{transform:translateX(0)}.mobile-nav nav{display:flex;flex-direction:column;gap:1.5rem}.mobile-nav a{border-bottom:1px solid hsla(0,0%,100%,.1);color:rgba(0,0,0,.8);padding:.75rem 0;text-decoration:none;transition:color .3s ease}.mobile-nav a:hover{color:#000}@media (max-width:768px){.mobile-menu-toggle{display:flex}.header-buttons,.header-nav{display:none}.glassmorphism-header{padding:1rem 0}.glassmorphism-header.scrolled{padding:.5rem 0}.header-container{padding:0 1rem}}body{padding-top:100px}@supports not (backdrop-filter:blur(20px)){.glassmorphism-header{background:hsla(0,0%,100%,.95)}.glassmorphism-header.scrolled{background:hsla(0,0%,100%,.98)}}