:root{--hd-primary:#ff7933;--hd-primary-hover:#e66a2a;--hd-primary-light:#fff5f0;--hd-primary-subtle:#ffe8dc;--hd-text-heading:#4e5159;--hd-text-primary:#4e5159;--hd-text-secondary:#4e5159;--hd-text-tertiary:#6b7280;--hd-bg-white:#fff;--hd-border-light:#e5e7eb;--hd-font-sans:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--hd-text-xs:11px;--hd-text-sm:13px;--hd-text-base:15px;--hd-text-lg:17px;--hd-text-xl:20px;--hd-font-normal:400;--hd-font-medium:500;--hd-font-semibold:600;--hd-font-bold:700;--hd-space-1:4px;--hd-space-2:8px;--hd-space-3:12px;--hd-space-4:16px;--hd-space-5:20px;--hd-space-6:24px;--hd-space-8:32px;--hd-radius-sm:4px;--hd-radius-md:8px;--hd-radius-lg:12px;--hd-radius-xl:16px;--hd-transition-fast:0.15s ease;--hd-transition-base:0.2s ease}.modern-topbar{background:#f8f9fa;border-bottom:1px solid #e5e7eb;font-family:var(--hd-font-sans);font-size:13px;padding:8px 0}.modern-topbar__container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.modern-topbar__left{align-items:center;display:flex;gap:24px}.modern-topbar__item{align-items:center;color:#4b5563;display:flex;gap:8px;text-decoration:none;transition:color .2s ease}.modern-topbar__item:hover{color:#0a0a0a}.modern-topbar__item svg{height:14px;opacity:.8;width:14px}.modern-topbar__right{align-items:center;display:flex;gap:16px}.modern-topbar__link{color:#4b5563;font-size:12px;text-decoration:none;transition:color .2s ease}.modern-topbar__link:hover{color:#0a0a0a}.modern-topbar__cta{background:#4e5159;border-radius:6px;color:#fff!important;font-size:12px;font-weight:500;padding:6px 14px;text-decoration:none;transition:all .2s ease}.modern-topbar__cta:hover{background:#ff7933;color:#fff!important;transform:translateY(-1px)}.modern-topbar__search{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.modern-topbar__search svg{height:16px;width:16px}.modern-topbar__search:hover,.modern-topbar__search:hover svg{color:#374151}.modern-topbar__login{align-items:center;color:#4b5563;display:flex;font-size:12px;gap:6px;text-decoration:none;transition:color .2s ease}.modern-topbar__login svg{height:16px;width:16px}.modern-topbar__login:hover,.modern-topbar__login:hover svg{color:#374151}.modern-topbar__dropdown{position:relative}.modern-topbar__dropdown-btn{align-items:center;background:none;border:none;color:#4b5563;cursor:pointer;display:flex;font-family:var(--hd-font-sans);font-size:12px;font-weight:500;gap:4px;padding:4px 8px;transition:color .2s ease}.modern-topbar__dropdown-btn svg{height:12px;transition:transform .2s ease;width:12px}.modern-topbar__dropdown-btn:hover{color:#0a0a0a}.modern-topbar__dropdown:hover .modern-topbar__dropdown-btn svg{transform:rotate(180deg)}.modern-topbar__dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);left:0;min-width:180px;opacity:0;padding:6px 0;position:absolute;top:100%;transform:translateY(4px);transition:all .2s ease;visibility:hidden;z-index:1100}.modern-topbar__dropdown:hover .modern-topbar__dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.modern-topbar__dropdown-item{color:#374151;display:block;font-size:12px;padding:8px 14px;text-decoration:none;transition:all .15s ease}.modern-topbar__dropdown-item:hover{background:#f3f4f6;color:#0a0a0a}.modern-topbar__megamenu-item{position:relative}.modern-topbar__megamenu-btn{align-items:center;background:none;border:none;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;font-family:var(--hd-font-sans);font-size:12px;font-weight:500;gap:4px;padding:4px 12px;transition:all .2s ease}.modern-topbar__megamenu-btn svg{height:12px;transition:transform .2s ease;width:12px}.modern-topbar__megamenu-btn:hover{background:rgba(0,0,0,.04);color:#0a0a0a}.modern-topbar__megamenu-item:hover .modern-topbar__megamenu-btn svg{transform:rotate(180deg)}.modern-topbar__megamenu{opacity:0;pointer-events:none;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(10px);transition:all .25s ease;visibility:hidden;z-index:1100}.modern-topbar__megamenu-item:hover .modern-topbar__megamenu{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.modern-topbar__megamenu-wrapper{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:4px;min-width:320px;padding:16px}.modern-topbar__megamenu--tools{left:50%;right:auto;transform:translateX(-50%) translateY(10px)}.modern-topbar__megamenu-item:hover .modern-topbar__megamenu--tools{transform:translateX(-50%) translateY(0)}.modern-topbar__megamenu--tools .modern-topbar__megamenu-wrapper{flex-direction:row!important;flex-wrap:wrap!important;gap:8px;max-width:700px;min-width:620px!important;padding:20px}.modern-topbar__megamenu--tools .modern-topbar__megamenu-link{box-sizing:border-box;flex:0 0 calc(50% - 4px);min-width:280px}.modern-topbar__megamenu--tools .modern-topbar__megamenu-link--all{border-radius:10px;flex:1 1 100%;margin-top:8px}.modern-topbar__megamenu-link{align-items:center;border-radius:10px;display:flex;gap:12px;padding:10px 12px;text-decoration:none;transition:all .2s ease}.modern-topbar__megamenu-link:hover{background:#f9fafb}.modern-topbar__megamenu-link--all{border-radius:0 0 10px 10px;border-top:1px solid #e5e7eb;margin-top:8px;padding-top:14px}.modern-topbar__megamenu-icon{align-items:center;background:#f3f4f6;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modern-topbar__megamenu-icon svg{color:#6b7280;height:18px;width:18px}.modern-topbar__megamenu-link:hover .modern-topbar__megamenu-icon{background:#e5e7eb}.modern-topbar__megamenu-link:hover .modern-topbar__megamenu-icon svg{color:#374151}.modern-topbar__megamenu-icon--primary{background:var(--hd-primary-light)}.modern-topbar__megamenu-icon--primary svg{color:var(--hd-primary)}.modern-topbar__megamenu-link:hover .modern-topbar__megamenu-icon--primary{background:var(--hd-primary-subtle)}.modern-topbar__megamenu-content{flex:1;min-width:0}.modern-topbar__megamenu-content h4{color:#4e5159;font-size:13px;font-weight:600;margin:0 0 2px}.modern-topbar__megamenu-content p{color:#6b7280;font-size:11px;line-height:1.4;margin:0}.modern-topbar__divider{background:#e5e7eb;height:20px;margin:0 8px;width:1px}.modern-header{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:hsla(0,0%,100%,.85);border-bottom:1px solid rgba(0,0,0,.06);font-family:var(--hd-font-sans);position:sticky;top:0;transition:all .3s ease;z-index:1000}.modern-header--scrolled{background:hsla(0,0%,100%,.95);box-shadow:0 1px 3px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.03)}.modern-header__container{align-items:center;display:flex;height:72px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.modern-header__logo{align-items:center;display:flex;flex-shrink:0}.modern-header__logo img{height:32px;width:auto}.modern-header__logo-text{color:#0a0a0a;font-size:20px;font-weight:700;letter-spacing:-.02em;text-decoration:none}.modern-nav{gap:4px;margin-left:auto}.modern-nav,.modern-nav__item{align-items:center;display:flex}.modern-nav__item{border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;position:relative;text-decoration:none;transition:all .2s ease}.modern-nav__item--link{cursor:pointer}.modern-nav__item--link:hover svg{transform:none}.modern-nav__item-link{color:inherit;text-decoration:none}.modern-nav__item--active,.modern-nav__item:hover{background:rgba(0,0,0,.04);color:#0a0a0a}.modern-nav__item svg{height:12px;transition:transform .2s ease;width:12px}.modern-nav__item:hover svg{transform:rotate(180deg)}.modern-megamenu{left:50%;opacity:0;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%) translateY(10px);transition:all .25s ease;visibility:hidden;z-index:100}.modern-nav__item:hover .modern-megamenu{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);visibility:visible}.modern-megamenu__wrapper{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);display:grid;gap:8px;grid-template-columns:repeat(2,1fr);min-width:600px;padding:24px}.modern-megamenu__wrapper--large{grid-template-columns:repeat(3,1fr);min-width:800px}.modern-megamenu__item{align-items:flex-start;border-radius:10px;display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.modern-megamenu__item:hover{background:#f9fafb}.modern-megamenu__icon{align-items:center;background:#f3f4f6;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background .2s ease;width:40px}.modern-megamenu__icon svg{color:#6b7280;height:20px;width:20px}.modern-megamenu__item:hover .modern-megamenu__icon{background:#e5e7eb}.modern-megamenu__item:hover .modern-megamenu__icon svg{color:#374151}.modern-megamenu__icon--purple{background:#f3f4f6}.modern-megamenu__icon--purple svg{color:#6b7280}.modern-megamenu__icon--green{background:#f3f4f6}.modern-megamenu__icon--green svg{color:#6b7280}.modern-megamenu__icon--orange{background:#f3f4f6}.modern-megamenu__icon--orange svg{color:#6b7280}.modern-megamenu__content{flex:1}.modern-megamenu__title{color:#4e5159;font-size:14px;font-weight:600;margin:0 0 4px}.modern-megamenu__desc{color:#6b7280;font-size:13px;line-height:1.4;margin:0}.modern-header__actions{align-items:center;display:flex;gap:12px}.modern-header__search{align-items:center;background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modern-header__search:hover{background:rgba(0,0,0,.04);color:#0a0a0a}.modern-header__search svg{height:18px;width:18px}.modern-header__login{align-items:center;border-radius:8px;color:#374151;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.modern-header__login:hover{background:rgba(0,0,0,.04);color:#0a0a0a}.modern-header__login svg{height:18px;width:18px}.modern-header__cta{background:#0a0a0a;border-radius:8px;color:#fff;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s ease}.modern-header__cta:hover{background:#1a1a1a;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.modern-header__toggle{background:transparent;border:none;border-radius:8px;cursor:pointer;display:none;height:40px;padding:8px;width:40px}.modern-header__toggle:hover{background:rgba(0,0,0,.04)}.modern-header__toggle span{background:#0a0a0a;border-radius:1px;display:block;height:2px;transition:all .3s ease;width:100%}.modern-header__toggle span:nth-child(2){margin:6px 0}.blog-modern-header .header{display:none!important}.modern-mobile-menu{background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:9999}.modern-mobile-menu--open{opacity:1;visibility:visible}.modern-mobile-menu__panel{background:#fff;height:100%;max-width:400px;overflow-y:auto;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:100%}.modern-mobile-menu--open .modern-mobile-menu__panel{transform:translateX(0)}.modern-mobile-menu__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.modern-mobile-menu__close{align-items:center;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.modern-mobile-menu__close:hover{background:#f3f4f6}.modern-mobile-menu__nav{padding:16px 0}.modern-mobile-menu__item{align-items:center;border-bottom:1px solid #f3f4f6;color:#0a0a0a;display:flex;font-size:15px;font-weight:500;justify-content:space-between;padding:14px 20px;text-decoration:none}.modern-mobile-menu__item:hover{background:#f9fafb}.modern-mobile-menu__submenu{background:#f9fafb;display:none;padding:8px 0}.modern-mobile-menu__submenu--open{display:block}.modern-mobile-menu__subitem{color:#4b5563;display:block;font-size:14px;padding:12px 20px 12px 36px;text-decoration:none}.modern-mobile-menu__subitem:hover{background:#f3f4f6;color:#0a0a0a}.modern-mobile-menu__cta{background:#0a0a0a;border-radius:10px;color:#fff;display:block;font-size:15px;font-weight:500;margin:20px;padding:14px 20px;text-align:center;text-decoration:none}.modern-search-overlay{align-items:flex-start;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding-top:15vh;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:10000}.modern-search-overlay--open{opacity:1;visibility:visible}.modern-search-overlay__container{max-width:600px;padding:0 24px;width:100%}.modern-search-overlay__form{align-items:center;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;gap:16px;padding:16px 20px}.modern-search-overlay__icon{color:#9ca3af;flex-shrink:0;height:24px;width:24px}.modern-search-overlay__input{background:transparent;border:none;color:#0a0a0a;flex:1;font-family:var(--hd-font-sans);font-size:18px;outline:none}.modern-search-overlay__input::placeholder{color:#9ca3af}.modern-search-overlay__close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modern-search-overlay__close:hover{background:#e5e7eb}.modern-search-overlay__close svg{color:#6b7280;height:18px;width:18px}.modern-search-overlay__hint{color:hsla(0,0%,100%,.6);font-size:13px;margin-top:16px;text-align:center}.modern-search-overlay__hint kbd{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;display:inline-block;font-family:inherit;font-size:12px;padding:2px 8px}@media (max-width:1024px){.modern-nav{display:none}.modern-header__toggle{display:flex;flex-direction:column;justify-content:center}.modern-header__login{display:none}}@media (max-width:768px){.modern-topbar{display:none}.modern-header__container{height:56px;padding:0 16px}.modern-header__cta{font-size:13px;padding:8px 14px}}