header{display:flex;justify-content:space-between;align-items:center;top:0;margin-left:0;margin-right:0;padding:0 5%;border-radius:0;box-shadow:none;position:sticky;z-index:1000;background:linear-gradient(135deg,var(--primary-action),var(--accent-yellow));color:var(--text-charcoal);transition:border-radius .3s,box-shadow .3s}header.scrolled{border-radius:0 0 16px 16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)}#small-nav{display:none}#menu-toggle{display:none;cursor:pointer;z-index:1000}.menu-icon .bar{width:25px;height:3px;background-color:#333;margin:5px 0;transition:.25s}#logo{display:flex;align-items:center;padding:0 20px}#logo img{height:30px;padding:10px 10px 10px 0}#main-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;justify-content:center;width:max-content}#user-nav{display:flex;align-items:center}nav{display:flex;justify-content:space-between;padding:10px 20px;margin:0}nav ul{list-style:none;display:flex;gap:20px;padding:0}nav ul li{display:inline}nav ul li a{text-decoration:none;color:var(--text-charcoal);font-weight:600;font-family:Poppins,sans-serif;transition:color .2s}nav ul li a:hover{color:#fff}nav ul li a:active{color:var(--text-charcoal)}nav ul li a:focus-visible{outline:2px solid var(--text-charcoal);border-radius:4px;outline-offset:4px}#cc-main{--cc-font-family:Arial,sans-serif;--cc-btn-primary-color:#000000;--cc-btn-primary-bg:#fb9535;--cc-btn-primary-border-color:#fb9535;--cc-btn-primary-hover-color:#000000;--cc-btn-primary-hover-bg:#f88b25;--cc-btn-primary-hover-border-color:#000000;--cc-toggle-on-bg:var(--cc-btn-primary-bg);--cc-btn-border-radius:10px}.mobile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:998;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.mobile-overlay.is-open{opacity:1;visibility:visible}@media (max-width:1200px){header{flex-direction:row;align-items:center;justify-content:space-between}#main-nav,#user-nav{display:none}#menu-toggle{display:block;margin-right:0;position:relative;z-index:1001}.menu-icon .bar{background-color:var(--text-charcoal);transform-origin:center}#small-nav{position:fixed;top:0;right:-100%;width:80vw;max-width:400px;height:100vh;background:linear-gradient(135deg,var(--primary-action),var(--accent-yellow));box-shadow:-4px 0 15px rgba(0,0,0,.1);z-index:999;display:flex;flex-direction:column;justify-content:flex-start;padding-top:100px;padding-left:20px;padding-right:20px;gap:16px;transition:right .4s cubic-bezier(.25, .8, .25, 1);border:none;border-radius:20px 0 0 20px}#small-nav.is-open{right:0}#small-nav .nav-group{list-style:none;padding:10px 0;margin:0;width:100%;background-color:rgba(255,255,255,.15);border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateY(20px);transition:opacity .3s,transform .3s}#small-nav.is-open .nav-group{opacity:1;transform:translateY(0)}#small-nav.is-open .nav-group:first-child{transition-delay:0.1s}#small-nav.is-open .nav-group:nth-child(2){transition-delay:0.15s}#small-nav.is-open .nav-group:nth-child(3){transition-delay:0.2s}#small-nav.is-open .nav-group:nth-child(4){transition-delay:0.25s}#small-nav ul li{width:100%;text-align:center;margin:0}#small-nav ul li a{display:block;padding:10px 20px;text-decoration:none;color:var(--text-charcoal);font-weight:700;font-size:1.2rem;font-family:Poppins,sans-serif;transition:background-color .2s,color .2s;border-radius:10px;margin:0 10px}#small-nav ul li a:hover{background-color:rgba(255,255,255,.3);color:var(--text-charcoal)}#small-nav ul li a:focus-visible{outline:2px solid var(--text-charcoal);outline-offset:-2px}.menu-icon.active .bar:first-child{transform:translateY(8px) rotate(45deg)}.menu-icon.active .bar:nth-child(2){opacity:0}.menu-icon.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}