.header{position:relative;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.header-controls,.logo-link{display:flex;align-items:center}.logo-link{text-decoration:none}.header-controls{gap:1rem}.header-icon,.menu-close{align-items:center;display:flex}.header-icon{justify-content:center}.header-icon:hover{color:#e96e28;transform:scale(1.1)}.header-icon:active{transform:scale(.95)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(5px);opacity:0;visibility:hidden;z-index:1001;transition:.3s}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:-350px;width:300px;height:100vh;background:#fff;box-shadow:-5px 0 20px rgba(0,0,0,.1);z-index:1002;transition:right .4s cubic-bezier(.25, .46, .45, .94);overflow-y:auto}.mobile-menu.active{right:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 1.5rem 1rem;border-bottom:1px solid #eee}.mobile-menu-header h3{margin:0;color:#333;font-size:1.5rem;font-weight:600}.logo,.mobile-menu-items a{font-weight:500;text-decoration:none}.menu-close{background:0 0;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.5rem;border-radius:50%;transition:.3s;justify-content:center;width:40px;height:40px}.header-icon,.logo{transition:background-color .2s}.menu-close:hover{background-color:#f5f5f5;color:#e96e28;transform:rotate(90deg)}.mobile-menu-items{list-style:none;padding:1rem 0;margin:0}.mobile-menu-items li{margin:0}.mobile-menu-items a{display:flex;align-items:center;padding:1rem 1.5rem;color:#333;font-size:1rem;transition:.3s;border-left:3px solid transparent}.mobile-menu-items a:hover{background-color:#f8f9fa;border-left-color:#e96e28;color:#e96e28;transform:translateX(5px)}.mobile-menu-items a i{margin-right:1rem;width:20px;text-align:center;font-size:1.1rem}.menu-divider{height:1px;background:#eee;margin:1rem 1.5rem}.mobile-menu.active .mobile-menu-items a{animation:.3s forwards slideInRight;opacity:0;transform:translateX(20px)}.mobile-menu.active .mobile-menu-items a:first-child{animation-delay:.1s}.mobile-menu.active .mobile-menu-items a:nth-child(2){animation-delay:.15s}.mobile-menu.active .mobile-menu-items a:nth-child(3){animation-delay:.2s}.mobile-menu.active .mobile-menu-items a:nth-child(4){animation-delay:.25s}.mobile-menu.active .mobile-menu-items a:nth-child(5){animation-delay:.3s}.mobile-menu.active .mobile-menu-items a:nth-child(7){animation-delay:.35s}.mobile-menu.active .mobile-menu-items a:nth-child(8){animation-delay:.4s}.mobile-menu.active .mobile-menu-items a:nth-child(9){animation-delay:.45s}@keyframes slideInRight{to{opacity:1;transform:translateX(0)}}.menu-toggle.active i{transform:rotate(90deg)}body.menu-open{overflow:hidden}@media (max-width:480px){.header-content{padding:1rem}.mobile-menu{width:280px;right:-330px}.mobile-menu-header{padding:1.5rem 1rem 1rem}.mobile-menu-items a{padding:.75rem 1rem;font-size:.9rem}}.header,.logo{padding:8px 16px}@media (prefers-color-scheme:dark){.mobile-menu{background:#1a1a1a;color:#fff}.mobile-menu-header{border-bottom-color:#333}.mobile-menu-header h3{color:#fff}.mobile-menu-items a{color:#e0e0e0}.mobile-menu-items a:hover{background-color:#2a2a2a;color:#e96e28}.menu-divider{background:#333}}.header{background-color:#fff;border-bottom:1px solid #dadce0;position:sticky;top:0;z-index:100;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:48px}.logo{background-color:#ea4335;color:#fff;border-radius:4px;font-size:16px;font-family:'Google Sans',sans-serif;letter-spacing:.25px}.logo:hover{background-color:#d33b2c}.header-controls{display:flex;gap:8px;align-items:center}*{margin:0;padding:0;box-sizing:border-box}.header-icon{color:#5f6368;font-size:18px;cursor:pointer;padding:8px;border-radius:50%;background:0 0;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.header-icon:hover{background-color:rgba(60,64,67,.08)}