
:root {
  --primary-blue: #2c5aa0;
  --primary-green: #4ade80;
  --accent-yellow: #fbbf24;
  --text-primary: #1e293b;
  --text-secondary: #64748b;
  --text-light: #94a3b8;
  --background-light: #f8f9fa;
  --white: #ffffff;
  --border-light: #e2e8f0;
  --shadow-light: rgba(0, 0, 0, 0.08);
  --shadow-medium: rgba(44, 90, 160, 0.15);
  --gradient-primary: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-green) 50%, var(--accent-yellow) 100%);
  --gradient-card: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}
.mlb-header{background:var(--gradient-card);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;width:100%}
.mlb-header.mlb-scrolled{background:rgba(255,255,255,.95);box-shadow:0 8px 32px var(--shadow-light)}
.mlb-header::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(44,90,160,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(74,222,128,.03) 0%,transparent 50%);pointer-events:none}
.mlb-header-container{max-width:1600px;margin:0 auto;padding:0 24px;position:relative;z-index:2;width:100%}
.mlb-header-main{display:flex;align-items:center;justify-content:space-between;min-height:160px;gap:24px;width:100%;padding:0 8px}
.mlb-header-logo{display:flex;align-items:center;gap:16px;flex-shrink:0;cursor:pointer;transition:transform .3s ease;min-width:300px;max-width:300px}
.mlb-header-logo:hover{transform:scale(1.02)}
.mlb-logo-circle{width:140px;height:140px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(44,90,160,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;flex-shrink:0;animation:mlb-float 3s ease-in-out infinite}
.mlb-logo-circle::before{content:'';position:absolute;inset:2px;border-radius:50%;background:var(--gradient-primary);opacity:0;filter:blur(6px);transition:opacity .4s ease}
.mlb-logo-circle:hover::before{opacity:.7}
.mlb-logo-circle:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 40px rgba(44,90,160,.3)}
.mlb-logo-circle img{width:90px;height:90px;position:relative;z-index:2}
.mlb-company-info{display:flex;flex-direction:column;min-width:200px}
.mlb-company-name{font-size:28px;font-weight:800;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2;background-size:200% 200%;animation:mlb-gradientShift 4s ease-in-out infinite}
.mlb-company-subtitle{font-size:13px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.mlb-header-nav{display:flex;align-items:center;gap:20px;flex:1;justify-content:center;max-width:600px}
.mlb-nav-menu{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}
.mlb-nav-item{position:relative}
.mlb-nav-link{color:var(--text-primary);text-decoration:none;font-size:14px;font-weight:600;padding:10px 16px;border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;white-space:nowrap}
.mlb-nav-link::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-blue),var(--primary-green));opacity:0;border-radius:10px;transition:opacity .3s ease}
.mlb-nav-link::after{content:'';position:absolute;bottom:6px;left:50%;width:0;height:2px;background:var(--primary-green);transition:all .3s ease;transform:translateX(-50%);border-radius:1px}
.mlb-nav-link:hover::before{opacity:.1}
.mlb-nav-link:hover::after{width:60%}
.mlb-nav-link:hover{color:var(--primary-blue);transform:translateY(-2px)}
.mlb-nav-link.mlb-active{color:var(--primary-blue);background:rgba(44,90,160,.1)}
.mlb-nav-link.mlb-active::after{width:60%}
.mlb-dropdown{position:relative}
.mlb-dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border-radius:12px;box-shadow:0 12px 40px var(--shadow-medium);border:1px solid var(--border-light);min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;overflow:hidden}
.mlb-dropdown:hover .mlb-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.mlb-dropdown-item{display:block;padding:10px 16px;color:var(--text-primary);text-decoration:none;font-size:13px;font-weight:500;transition:all .3s ease;border-bottom:1px solid var(--border-light)}
.mlb-dropdown-item:last-child{border-bottom:none}
.mlb-dropdown-item:hover{background:linear-gradient(135deg,var(--primary-blue),var(--primary-green));color:#fff}
.mlb-header-contact{display:flex;align-items:center;gap:16px;flex-shrink:0;min-width:250px;justify-content:flex-end}
.mlb-contact-item{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:500;transition:color .3s ease}
.mlb-contact-item:hover{color:var(--primary-blue)}
.mlb-contact-icon{width:14px;height:14px;color:var(--primary-green)}
.mlb-contact-link{color:inherit;text-decoration:none;transition:all .3s ease;position:relative}
.mlb-contact-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--primary-green);transition:width .3s ease}
.mlb-contact-link:hover::after{width:100%}
.mlb-mobile-menu-btn{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}
.mlb-mobile-menu-btn:hover{background:rgba(44,90,160,.1)}
.mlb-mobile-menu-btn span{width:24px;height:3px;background:var(--primary-blue);border-radius:2px;transition:all .3s ease}
.mlb-mobile-menu-btn.mlb-active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}
.mlb-mobile-menu-btn.mlb-active span:nth-child(2){opacity:0}
.mlb-mobile-menu-btn.mlb-active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}
.mlb-mobile-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:0 0 20px 20px;box-shadow:0 8px 32px var(--shadow-medium);border:1px solid var(--border-light);border-top:none;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;max-height:0;pointer-events:none}
.mlb-mobile-menu.mlb-active{opacity:1;visibility:visible;transform:translateY(0);max-height:500px;pointer-events:auto}
.mlb-mobile-nav{padding:20px}
.mlb-mobile-nav-item{margin-bottom:12px}
.mlb-mobile-nav-link{display:block;color:var(--text-primary);text-decoration:none;font-size:16px;font-weight:600;padding:12px 16px;border-radius:12px;transition:all .3s ease}
.mlb-mobile-nav-link:hover{background:linear-gradient(135deg,var(--primary-blue),var(--primary-green));color:#fff}
@keyframes mlb-gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes mlb-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (max-width:1024px){.mlb-header-contact{display:none}.mlb-nav-menu{gap:12px}}
@media (max-width:768px){.mlb-header-nav{display:none}.mlb-mobile-menu-btn{display:flex}.mlb-header-main{min-height:120px;gap:16px}.mlb-logo-circle{width:90px;height:90px}.mlb-logo-circle img{width:55px;height:55px}.mlb-company-name{font-size:18px}.mlb-company-subtitle{font-size:11px}}
@media (max-width:640px){.mlb-header-container{padding:0 12px}.mlb-header-main{gap:12px}.mlb-header-logo{gap:8px;min-width:250px;max-width:250px}.mlb-logo-circle{width:80px;height:80px}.mlb-logo-circle img{width:50px;height:50px}.mlb-company-name{font-size:16px}.mlb-company-subtitle{font-size:10px}}
@media (max-width:480px){.mlb-header-container{padding:0 8px}.mlb-header-logo{min-width:200px;max-width:200px}.mlb-company-name{font-size:15px}}
