.top-announcement-bar{background:#121229;color:#fff;text-align:center;padding:1.1rem 1rem;font-size:0.9125rem;font-weight:500;letter-spacing:0.02em;line-height:1.4}.top-announcement-inner{max-width:78rem;margin:0 auto}.top-announcement-bar strong{font-weight:700;color:#c4a0ff}.main-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid rgba(18,18,41,0.06);transition:background 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}.main-header.scrolled{background:rgba(255,255,255,0.98);box-shadow:0 1px 0 rgba(18,18,41,0.06)}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:78rem;margin:0 auto;padding:1.25rem 1.75rem;gap:2.25rem;margin-top:3rem}.main-nav .logo{display:flex;align-items:center;flex-shrink:0;margin-right:0.75rem}.main-nav .logo a{display:block;line-height:0}.main-nav .logo img{height:62px;width:auto;object-fit:contain;display:block}.main-nav{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0}.main-nav .nav-links{display:flex;list-style:none;gap:0.5rem;align-items:center;margin:0;padding:0}.main-nav .nav-links li{position:relative}.main-nav .nav-links>li>a{display:inline-block;text-decoration:none;color:#4b5563;font-size:1rem;font-weight:500;padding:0.625rem 1rem;border-radius:0.5rem;transition:color 0.2s ease,background 0.2s ease}.main-nav .nav-links>li>a:hover{color:#121229;background:rgba(18,18,41,0.04)}.main-nav .nav-link-active{color:#121229;font-weight:600}.main-nav .nav-link-active:hover{background:transparent}.main-nav .nav-item-product{color:#121229;font-weight:600}.main-nav .nav-links li:hover>.nav-item-product{color:#121229}.main-nav .nav-links li:has(.dropdown)::after{content:"";position:absolute;top:100%;left:0;width:100%;height:8px}.dropdown{position:absolute;top:calc(100%+1.3rem);left:0;transform:translateX(-5.5rem) translateY(4px);background:#fff;border-radius:1rem;padding:1.5rem;width:48rem;max-width:calc(100vw - 2rem);opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease,transform 0.2s ease;z-index:1000;box-shadow:0 4px 24px rgba(18,18,41,0.1),0 0 1px rgba(18,18,41,0.08)}.main-nav .nav-links li:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-5.5rem) translateY(0)}.dropdown-grid{display:flex;flex-wrap:wrap;gap:1rem}.dropdown-item{display:flex;gap:0.875rem;padding:0.875rem 1rem;width:calc(45% - 0.5rem);border-radius:0.5rem;transition:background 0.2s ease;text-decoration:none;color:inherit}.dropdown-item:hover{background:rgba(180,130,255,0.06)}.dropdown-icon{width:44px;height:44px;border-radius:0.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-icon-fa{background:rgba(180,130,255,0.12);color:#7C3AED}.dropdown-icon-fa i{font-size:1.25rem;display:block;line-height:1}.dropdown-content{min-width:0}.dropdown-content h3{font-size:0.9375rem;font-weight:600;margin:0 0 0.25rem 0;color:#121229;line-height:1.3}.dropdown-content p{font-size:0.8125rem;color:#6b7280;line-height:1.45;margin:0}.dropdown-pricing{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:0.25rem;padding:1.25rem 1.25rem;background:rgba(18,18,41,0.02);border-radius:0.5rem;border:1px solid rgba(18,18,41,0.06)}.dropdown-pricing-content h3{font-size:0.9375rem;font-weight:600;margin:0 0 0.2rem 0;color:#121229}.dropdown-pricing-content p{font-size:0.8125rem;color:#6b7280;margin:0}.dropdown-pricing-button{background:#7C3AED;color:#fff;padding:0.625rem 1.5rem;border-radius:0.5rem;text-decoration:none;font-weight:600;font-size:0.875rem;transition:background 0.2s ease,transform 0.2s ease;white-space:nowrap}.dropdown-pricing-button:hover{background:#9d65f0;transform:translateX(2px)}.dropdown-company{width:auto;min-width:11rem;padding:0.5rem 0;left:0;transform:translateY(4px)}.main-nav .nav-links li:hover .dropdown-company{transform:translateY(0)}.dropdown-menu-list{list-style:none;margin:0;padding:0}.dropdown-menu-list li{position:static}.dropdown-menu-list li a{display:block;padding:0.625rem 1.25rem;color:#4b5563;font-size:0.9375rem;font-weight:500;text-decoration:none;border-radius:0.375rem;margin:0 0.5rem;transition:color 0.2s ease,background 0.2s ease}.dropdown-menu-list li a:hover{color:#121229;background:rgba(180,130,255,0.08)}.header-cta{display:flex;align-items:center;gap:1rem;flex-shrink:0}.header-contact-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;background:transparent;border:1px solid rgba(180,130,255,0.35);border-radius:2rem;color:#121229;text-decoration:none;font-size:0.9375rem;font-weight:500;white-space:nowrap;transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease}.header-contact-btn i{font-size:0.9375rem;flex-shrink:0;color:inherit}.header-contact-btn:hover{background:rgba(180,130,255,0.08);border-color:rgba(180,130,255,0.6)}.header-contact-btn:hover i{color:#7C3AED}.header-optionsera-logo{display:flex;align-items:center;text-decoration:none;padding:0.25rem 0}.header-optionsera-logo img{height:32px;width:auto;object-fit:contain;display:block}.header-admin-menu{position:relative}.header-admin-link{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1.125rem;background:transparent;border:1px solid rgba(180,130,255,0.35);border-radius:2rem;color:#121229;text-decoration:none;font-size:0.9375rem;font-weight:500;transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease}.header-admin-link:hover{background:rgba(180,130,255,0.08);border-color:rgba(180,130,255,0.6);color:#7C3AED}.nav-chevron{font-size:0.7rem;margin-left:0.575rem;opacity:0.8;transition:transform 0.2s ease;transform:translate(-0.3125rem,-0.0625rem)}.main-nav .nav-links li:hover .nav-chevron{transform:rotate(180deg)}.header-admin-chevron{font-size:0.625rem;margin-left:0.25rem;transition:transform 0.2s ease}.header-admin-menu:hover .header-admin-chevron{transform:rotate(180deg)}.admin-sub-menu{position:absolute;top:calc(100%+0.5rem);right:0;min-width:11rem;background:#fff;border-radius:0.5rem;padding:0.375rem 0;margin:0;list-style:none;box-shadow:0 4px 20px rgba(18,18,41,0.1),0 0 1px rgba(18,18,41,0.08);border:1px solid rgba(18,18,41,0.06);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity 0.2s ease,visibility 0.2s ease,transform 0.2s ease;z-index:1001}.header-admin-menu:hover .admin-sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.admin-sub-menu li{margin:0}.admin-sub-menu li a{display:block;padding:0.5rem 1rem;color:#374151;text-decoration:none;font-size:0.875rem;font-weight:500;transition:color 0.2s ease,background 0.2s ease}.admin-sub-menu li a:hover{color:#7C3AED;background:rgba(180,130,255,0.06)}.admin-sub-menu .logout-item{border-top:1px solid rgba(18,18,41,0.06);margin-top:0.25rem;padding-top:0.25rem}.admin-sub-menu .logout-item a{color:#dc2626}.admin-sub-menu .logout-item a:hover{color:#b91c1c;background:rgba(220,38,38,0.06)}