.tab-buttons-container{margin-top:3rem;margin-bottom:3rem;display:flex;flex-wrap:wrap;justify-content:center;position:relative;z-index:10}.tab-button{position:relative;padding:.75rem 1.5rem;margin:.5rem;border:none;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);border-radius:8px;font-size:1rem;font-weight:600;color:#333;cursor:pointer;transition:background .3s ease,transform .3s ease,box-shadow .3s ease,color .3s ease;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.1)}.tab-button.active{background:#6d28d9;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.3)}.tab-button:before{content:"";position:absolute;bottom:0;left:50%;width:100%;height:4px;background-color:#cbacf9;transform:translateX(-50%) scaleX(0);transition:transform .3s ease}.tab-button.active:before{transform:translateX(-50%) scaleX(1)}.tab-button:hover{background:linear-gradient(135deg,#6c25de,#6200ff);transform:scale(1.05)}.tab-button:active{background:linear-gradient(135deg,#b0b0b0,#d1d1d1)}@media (max-width:768px){.tab-button{padding:.5rem 1rem;font-size:.875rem}}@media (max-width:480px){.tab-button{padding:.5rem .75rem;font-size:.75rem}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.tab-content.enter{animation:slideIn .5s ease forwards}.tab-content.exit{animation:slideOut .5s ease forwards}.tab-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fead99,#feb47b);clip-path:polygon(0 0,100% 0,100% 100%,0 80%);z-index:-1;opacity:.3}