.tab-buttons{
    display:flex;
}

.tab-button{
    flex:1;
    text-align:center;
    padding:2rem 1rem;
    cursor:pointer;
}

.tab-button.active{
    background:#f2f2f2;
}

.tab-button:not(.active):hover{
    background:#f4f4f4;
}

.tab-pane{
    display:none;
    padding: 1rem 0;
    animation: fadeIn 0.4s ease-out;
}

.tab-pane.active{
    display:block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}