:root{--header-height: 60px;--header-bg: rgba(0, 0, 0, .9);--header-border: rgba(0, 212, 255, .15);--header-shadow: 0 8px 32px rgba(0, 0, 0, .5);--accent-glow: rgba(0, 212, 255, .6);--accent-cyan: #00d4ff;--accent-purple: #7c3aed;--accent-gradient: linear-gradient(135deg, #00d4ff 0%, #7c3aed 100%)}.nav-bar{position:fixed;top:0;left:0;right:0;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.8rem 2rem;display:flex;justify-content:center;align-items:center;gap:2.5rem;z-index:998;border-bottom:1px solid var(--header-border);box-shadow:var(--header-shadow);transition:box-shadow .3s ease}.nav-bar .nav-links{display:flex;gap:2.5rem;align-items:center}.nav-bar .support-button{position:absolute;right:2rem;background:var(--accent-gradient);color:#000!important;box-shadow:0 0 20px #00d4ff4d,0 0 40px #7c3aed26;border-radius:10px;font-weight:600}.nav-bar .support-button:hover{background:var(--accent-gradient);box-shadow:0 0 30px #00d4ff80,0 0 60px #7c3aed4d;transform:translateY(-2px)}.nav-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--accent-cyan) 30%,var(--accent-purple) 70%,transparent 100%);opacity:.7}.nav-bar:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(78,199,243,.4) 50%,transparent 100%);box-shadow:0 0 20px #4ec7f34d}@keyframes shimmer{0%,to{opacity:.9;filter:brightness(1)}50%{opacity:1;filter:brightness(1.3)}}.nav-bar:hover{box-shadow:0 12px 48px #4ec7f340;border-bottom-color:#4ec7f380}.nav-bar a{text-decoration:none;font-weight:600;color:#e0e0e0;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);padding:10px 20px;border-radius:10px;letter-spacing:.5px;position:relative;overflow:hidden;text-transform:uppercase;font-size:.85rem;background:linear-gradient(135deg,transparent 0%,rgba(78,199,243,.05) 100%);border:1px solid transparent}.nav-bar a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;padding:1px;background:linear-gradient(135deg,transparent,rgba(78,199,243,.5),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.nav-bar a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(78,199,243,.2),transparent);transition:left .5s ease;z-index:-1}.nav-bar a:hover:before{left:100%}.nav-bar a:hover:after{opacity:1}.nav-bar a:hover{color:#4ec7f3;background:linear-gradient(135deg,#4ec7f31a,#4ec7f333);text-decoration:none;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #4ec7f34d,inset 0 0 20px #4ec7f31a}.nav-bar a.active,.nav-bar a.current-page{color:#4ec7f3;background:#4ec7f333;box-shadow:inset 0 0 15px #4ec7f333}.nav-bar a i{margin-right:6px;transition:transform .3s ease}.nav-bar a:hover i{transform:scale(1.15)}@media (max-width: 768px){.nav-bar{padding:.5rem 1rem;gap:1.2rem}.nav-bar .nav-links{gap:1.2rem}.nav-bar a{font-size:.75rem;padding:6px 10px;letter-spacing:.3px}.nav-bar .support-button{right:1rem;padding:6px 10px;font-size:.75rem}}@media (max-width: 480px){.nav-bar a.current-page{display:none}.nav-bar{padding:.4rem .5rem;gap:.3rem;justify-content:space-between}.nav-bar .nav-links{gap:.3rem;flex-wrap:nowrap}.nav-bar a{font-size:.65rem;padding:5px 6px;letter-spacing:0;border-radius:6px;white-space:nowrap}.nav-bar a i{display:none}.nav-bar .support-button{position:relative;right:auto;padding:5px 6px;font-size:.65rem}}@media (max-width: 375px){.nav-bar{padding:.3rem;gap:.2rem}.nav-bar .nav-links{gap:.2rem}.nav-bar a{font-size:.6rem;padding:4px 5px}.nav-bar .support-button{padding:4px 5px;font-size:.6rem}}html{scroll-behavior:smooth}body.has-animated-header{padding-top:var(--header-height)}.main-content{position:relative;z-index:1}