.tabs{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:30px}
.tab{flex:1;min-width:140px;text-align:center;padding:14px 20px;background:#e9e9e9;color:#000;cursor:pointer;font-size:16px;transition:all 0.3s ease}
.tab:hover{background:#000;color:#fff}
.tab.active{background:#000;color:#fff}
.tab-content{position:relative}
.content{display:none;animation:fadeIn 0.3s ease}
.content.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}@media (max-width:768px){.tab{flex:1 1 calc(50% - 10px)}
}@media (max-width:480px){.tab{flex:1 1 100%}
}