:root{--brand-1:#4f46e5;--brand-2:#06b6d4}
.tabs-nav{background:rgba(255,255,255,0.92);backdrop-filter:blur(6px);border-bottom:1px solid rgba(0,0,0,0.05)}
.nav-tabs .nav-link{border:0;border-radius:.5rem;margin:.2rem;transition:transform .12s,box-shadow .12s;color:#374151}
.nav-tabs .nav-link.active{background:linear-gradient(90deg,var(--brand-1),var(--brand-2));color:#fff;box-shadow:0 8px 24px rgba(79,70,229,.12);transform:translateY(-3px)}
.social-btn{width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,0.04);display:inline-grid;place-items:center}
.site-footer{background:linear-gradient(180deg,#0f172a,#0b1220);color:rgba(255,255,255,.9)}
.site-footer a{color:rgba(255,255,255,.85);text-decoration:none}
.site-footer a:hover{text-decoration:underline;color:#fff}
.back-to-top{right:18px;bottom:18px;position:fixed;z-index:1100;display:none}
.tabs-container{max-width:1100px;margin-left:auto;margin-right:auto}
@media (max-width:575.98px){.nav-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.nav-tabs .nav-link{display:inline-block}}