.tab-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:safe center;gap:0;background:color-mix(in srgb,var(--green-900) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{font-family:var(--font-body);font-size:clamp(.75rem,1.8vw,.9rem);font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--color-text-light);text-decoration:none;background:none;border:none;padding:1rem 2rem;cursor:pointer;position:relative;transition:color .3s ease;white-space:nowrap;flex-shrink:0}.tab-btn:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--color-accent-dark);transition:width .3s ease}.tab-btn:hover{color:var(--color-text)}.tab-btn:hover:after{width:60%}.tab-btn.active{color:var(--color-secondary)}.tab-btn.active:after{width:80%;background:var(--color-accent-dark)}.tab-panel{display:none}.tab-panel.active{display:block}body{padding-top:0}@media (max-width: 768px){.tab-btn{padding:.75rem 1rem;letter-spacing:1px;font-size:clamp(.65rem,2.5vw,.8rem)}}