.tab-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto}@media (width >= 768px){.tab-nav{grid-template-columns:repeat(4,1fr)}}.tab-btn{padding:20px 10px;background-color:var(--color-abu-background-alt);cursor:pointer;font-weight:600;font-size:15px;border-radius:12px;transition:all .3s;box-shadow:0 4px 10px var(--color-abu-shadow);text-align:center;color:var(--color-abu-text-primary);border:1px solid var(--color-abu-border);display:flex;flex-direction:column;align-items:center;justify-content:center}.tab-btn:hover{background-color:var(--color-abu-gray-100)}.tab-btn.active,.tab-btn:hover{transform:translateY(-3px);box-shadow:0 8px 15px var(--color-abu-shadow)}.tab-btn.active{background:linear-gradient(135deg,var(--color-abu-primary),var(--color-abu-primary));color:white;border-color:transparent}.tab-btn.active i{color:#fff!important}.tab-content{display:none!important}.tab-content.active{display:block!important;animation:tabbedFadeIn .5s ease-in-out}@keyframes tabbedFadeIn{0%{opacity:0}to{opacity:1}}