/* Critical Above-the-Fold Styles - Minified */
:root{--color-primary:#efc372;--color-secondary:#2d3446;--color-accent:#f2d085;--text-light:#ffffff;--text-dark:#2d3446;--shadow-light:rgba(0,0,0,0.1);--bg-light:#f8f9fa;--transition-fast:0.2s ease;--transition-smooth:0.3s ease}
*,*::before,*::after{box-sizing:border-box}
body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-dark);margin:0;padding:0;background:#ffffff;overflow-x:hidden}
.container{max-width:1200px;margin:0 auto;padding:0 1rem}
.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#2d3446 0%,#232837 100%);z-index:9999;display:flex;justify-content:center;align-items:center}
.preloader-spinner{width:50px;height:50px;border:4px solid rgba(239,195,114,0.3);border-top:4px solid #efc372;border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.header-fixed{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,rgba(45,52,70,0.95) 0%,rgba(35,40,55,0.95) 100%);backdrop-filter:blur(25px) saturate(180%);border-bottom:2px solid rgba(255,255,255,0.15)}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:0.8rem 0;position:relative}
.navbar-nav{display:flex;gap:0.5rem}
.dropdown-menu{position:absolute;background:linear-gradient(135deg,rgba(45,52,70,0.98) 0%,rgba(35,40,55,0.98) 100%);backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,0.1);box-shadow:0 15px 40px rgba(0,0,0,0.3);border-radius:15px;padding:20px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:1000}
.dropdown-header{color:#efc372;font-weight:600;border-bottom:2px solid #efc372}
.dropdown-link{color:rgba(255,255,255,0.9);transition:all 0.3s ease}
.dropdown-link:hover{background:linear-gradient(45deg,#efc372,#d4a354);color:#ffffff}
.nav-link{color:var(--text-light);text-decoration:none;transition:var(--transition-smooth);padding:0.5rem 1rem;border-radius:4px;font-weight:500;font-size:0.9rem;position:relative;overflow:hidden;backdrop-filter:blur(10px);background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15)}
.logo-container{display:flex;align-items:center;justify-content:center;padding:0.5rem;transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.logo-svg{height:45px;width:auto;filter:drop-shadow(0 2px 8px rgba(239,195,114,0.3));transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}
.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:rgba(255,255,255,0.95);backdrop-filter:blur(20px);overflow:visible;margin:2rem 0;border-radius:20px;box-shadow:0 20px 40px var(--shadow-light);border:1px solid rgba(255,255,255,0.2)}
.hero-content{text-align:center;z-index:2;position:relative}
.hero-title{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#2d3446 0%,#5a6280 50%,#2d3446 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;line-height:1.2}
.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}
.hamburger-line{width:100%;height:3px;background:#efc372;border-radius:2px;transition:all 0.3s ease;transform-origin:center}
/* Mobile Optimizations */
@media (max-width:768px){
.mobile-menu-toggle{display:flex}
.navbar-nav{display:none;position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,rgba(45,52,70,0.98) 0%,rgba(35,40,55,0.98) 100%);backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,0.1);border-top:none;border-radius:0 0 15px 15px;padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,0.3);z-index:1000;transform:translateY(-10px);opacity:0;transition:all 0.3s ease}
.navbar-nav.mobile-active{display:block;transform:translateY(0);opacity:1}
.hero-title{font-size:2rem}
.logo-svg{height:35px}
body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
}
/* Touch optimizations */
@media (hover:none) and (pointer:coarse){
.nav-link{padding:0.75rem 1rem;min-height:44px;display:flex;align-items:center}
.mobile-menu-toggle{min-width:44px;min-height:44px}
}