.navbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 2rem;background:#fff;box-shadow:0 8px 22px #0f172a14;border-bottom:1px solid #e2e8f0;font-family:var(--font-sans);position:sticky;top:0;z-index:999;transition:background var(--transition-fast)}.logo a{font-size:1.6rem;font-weight:700;color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast);letter-spacing:.02em;font-family:var(--font-display)}.logo a:hover{color:var(--primary-dark)}.nav-links{display:flex;gap:1.75rem;transition:all var(--transition-fast)}.nav-links a{text-decoration:none;color:var(--text-main);font-weight:600;padding:.5rem 0;position:relative}.nav-links a.featured{color:#0f766e}.nav-links a.featured:after{background-color:#0f766e}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:3px;background-color:var(--primary-color);transition:width .3s ease}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-dropdown{position:relative;list-style:none;padding:0;margin:0}.nav-dropdown-toggle{background:none;border:none;font:inherit;font-weight:600;color:#0f766e;cursor:pointer;padding:.5rem 0;position:relative;display:inline-flex;align-items:center;gap:4px}.nav-dropdown-toggle:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:3px;background-color:#0f766e;transition:width .3s ease}.nav-dropdown-toggle:hover:after,.nav-dropdown-toggle.active:after{width:100%}.dropdown-arrow{font-size:10px;line-height:1}.nav-dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background:#fff;border-radius:10px;box-shadow:0 8px 24px #0f172a26;padding:8px 0;margin:4px 0 0;list-style:none;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s ease;z-index:1000}.nav-dropdown:nth-last-child(-n+2) .nav-dropdown-menu{left:auto;right:0}.nav-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-menu a{display:flex;flex-direction:column;padding:10px 16px;text-decoration:none;color:var(--text-main);font-weight:500;border-radius:0;transition:background .15s}.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:#f1f5f9}.nav-dropdown-menu a:after{display:none}.dropdown-item-name{font-weight:600;font-size:.95rem}.dropdown-item-desc{font-size:.78rem;color:#64748b;font-weight:400}.dropdown-view-all{border-top:1px solid #e2e8f0;margin-top:4px}.dropdown-view-all a{padding:10px 16px}.view-all-text{font-weight:700;color:var(--primary-color);font-size:.88rem}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:transparent;border:0;border-radius:8px;padding:.35rem;z-index:1002}.hamburger .bar{height:3px;width:25px;background:var(--text-main);border-radius:2px;transition:all .3s}.hamburger.open .bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.logo a:focus-visible,.nav-links a:focus-visible,.hamburger:focus-visible{outline:3px solid rgba(29,78,216,.35);outline-offset:2px;border-radius:8px}.hamburger.disabled,.hamburger:disabled{cursor:not-allowed;opacity:.55}@media (max-width: 768px){.nav-links{position:fixed;top:0;right:-100%;background:#fff;flex-direction:column;width:300px;height:100vh;overflow-y:auto;box-shadow:-4px 0 20px #0000001f;transition:right .3s ease;padding:5rem 0 2rem;z-index:1001}.nav-links.open{right:0}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.nav-backdrop.visible{opacity:1;visibility:visible}.nav-links a,.nav-dropdown-toggle{padding:.8rem 1.2rem}.nav-dropdown{width:100%}.nav-dropdown-toggle{width:100%;justify-content:space-between;padding:.8rem 1.2rem}.nav-dropdown-menu{position:static;box-shadow:none;background:#f1f5f9;border-radius:0;margin:0;padding:0 0 0 1rem;opacity:1;visibility:visible;transform:none;max-height:0;overflow:hidden;transition:max-height .25s ease}.nav-dropdown-menu.show{max-height:500px}.nav-dropdown-menu a{padding:.7rem 1rem}.hamburger{display:flex}}@media (min-width: 769px){.nav-backdrop{display:none}}@media (max-width: 480px){.navbar{padding:.65rem 1rem}.logo a{font-size:1.35rem}.nav-links{left:0;width:100%;transform:translate(-100%);transition:right .3s ease,transform .3s ease;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.nav-links.open{transform:translate(0)}.nav-links a{padding:.9rem 1.2rem}}.exit-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.exit-popup{background:#fff;padding:25px 30px;border-radius:var(--radius-lg);max-width:400px;width:90%;text-align:center;box-shadow:0 10px 25px #00000040;animation:fadeIn .3s ease}.exit-popup h3{margin-bottom:15px;font-size:1.3rem;color:var(--text-main)}.exit-popup p{margin-bottom:20px;color:#555;font-size:1rem}.exit-popup .popup-actions{display:flex;justify-content:space-around;gap:10px}.exit-popup button{padding:8px 15px;border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:500;transition:background-color .2s ease}.exit-popup button:first-child{background-color:#ccc;color:#333}.exit-popup button:first-child:hover{background-color:#aaa}.exit-popup button:last-child{background-color:var(--primary-color);color:#fff}.exit-popup button:last-child:hover{background-color:var(--primary-dark)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}