.header {background: white; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); position: sticky; top: 0; z-index: 1000;}.header .navbar {display: flex; align-items: center; padding: 15px 15px 15px 0px;} .header .nav-menu {display: flex; align-items: center; list-style: none; margin: 0; padding: 0;}.header .nav-menu li {position: relative; font-size: 15px; font-weight: 500;} .header .nav-menu a {text-decoration: none; font-weight: 500; font-size: 15px; transition: color 0.3s; align-items: center;} .header .nav-menu a:hover{color: #333;} .header .nav-menu .active {color: #333; background:#fff;}.header .dropdown-arrow {font-size: 10px; transition: transform 0.3s;display: inline-block;} .header .dropdown-content { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: white; border-radius: 10px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); padding: 25px; width: 1000px; max-width: 90vw; z-index: 100;} .header .dropdown-toggle {color: #333;    text-decoration: none; font-weight: 500; font-size: 15px; transition: color 0.3s; display: flex; align-items: center; cursor: pointer;} .header .dropdown-toggle:hover, .dropdown-toggle:focus {color: #333; text-decoration: none;} .header .dropdown:hover .dropdown-content { display: none; } .header .dropdown.active .dropdown-content { display: block; margin-top: 15px;} .header .dropdown.active .dropdown-arrow { transform: rotate(180deg);}.header .dropdown-section { grid-column: span 4; margin-bottom: 15px;} .header .dropdown-section h3 {color: #00a3e0; margin-bottom: 5px; } .header .dropdown-section p { color: #666; font-size: 14px;} .header .dropdown-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;} .header .dropdown-item { display: flex;align-items: center; gap: 10px; padding: 12px 15px; border-radius: 8px; border: 1px solid #eee; transition: all 0.3s; color: #333; text-decoration: none;} .header .dropdown-item:hover {background: #f5faff; border-color: #00a3e0; transform: translateY(-2px);} .header .icon { font-size: 18px; color: #00a3e0;}.header .auth-buttons { display: flex; gap: 15px; margin-left:20px;} .header .auth-buttons a:hover{ color:#fff;} .header .btn { padding: 8px 16px; border-radius: 6px; font-weight: 500; font-size: 14px; text-decoration: none; transition: all 0.3s;} .header .btn-outline {border: 1px solid #00a3e0; color: #00a3e0; background-color:#fff;} .header .btn-outline:hover {background: #008bc7;} .header .btn-primary { background: #00a3e0; color: white; border: 1px solid #00a3e0; } .header .btn-primary:hover { background: #008bc7;} .header .menu-toggle { display: none; flex-direction: column; justify-content: space-between; width: 24px; height: 18px; cursor: pointer;}.header .menu-toggle span { display: block; width: 100%; height: 2px; background: #00a3e0; transition: all 0.3s;} @media (max-width: 1032px) { .header .menu-toggle { display: flex; } .header .nav-menu { display: none; position: fixed; top: 70px; left: 0; width: 100%; background: #fff; flex-direction: column;  align-items: flex-start; padding: 20px; box-shadow: 0 10px 15px rgba(0,0,0,.1); max-height: 0; overflow: hidden; transition: max-height .3s ease-out; gap: 12px;} .header .nav-menu.active { color: #333; background:#fff; max-height: 100vh; padding-bottom: 30px; display: flex; }.header .dropdown-content {max-height: 60vh; overflow-y: auto; position: static; transform: none; width: 100%;padding: 15px; box-shadow: none; border: 0; display: none;} .header .dropdown.active .dropdown-content { display: block; } .header .dropdown-grid { grid-template-columns: 1fr; }.header .auth-buttons {width: calc(100% - 80px); padding-top: 10px;}.header .auth-buttons a {width: 100%;} .header .nav-menu:not(.active) ~.auth-buttons {display: none !important;}} @media (max-width: 1100px) { .header .dropdown-grid { grid-template-columns: repeat(3,1fr); } }@media (max-width: 900px)  {  .header .dropdown-grid { grid-template-columns: repeat(2,1fr); } } @media (max-width: 600px)  { .header .dropdown-grid { grid-template-columns: repeat(1,1fr); } } .header .dropdown-content { width: 1000px; max-width: 90vw; }.header .logo {height: 40px;width: auto; order: -1!important;} .header .logo img {max-height: 36px;margin-right: 8px;}.header .logo h1 {font-size: 24px;margin: 0;font-weight: 500;color: var(--heading-color);}