body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0}.tab-container{background-color:#fff;border-radius:8px;margin:40px auto;max-width:1000px;overflow:hidden}.tab-header{background:linear-gradient(45deg,#4caf50,#45a049);display:flex}.tab{background:none;border:none;color:#fff;cursor:pointer;flex:1;font-size:16px;font-weight:700;outline:none;overflow:hidden;padding:15px;position:relative;text-align:center;transition:background-color .3s ease,transform .3s ease}.tab:focus{outline:2px solid #fff}.tab:before{background:hsla(0,0%,100%,.1);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%;z-index:-1}.tab:hover:before{transform:scaleX(1)}.tab.active{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.15);color:#333;transform:scale(1.05);z-index:1}.tab.active:after{background-color:#4caf50;bottom:0;content:"";height:4px;left:10%;position:absolute;width:80%}@media (max-width:600px){.tab{font-size:14px;padding:10px}}.tab-content{background-color:#fff;padding:30px}.content{display:none}.content.active{animation:fadeIn .5s ease;display:block}.content h3{color:#333;font-size:22px;margin-top:0}.content ul{list-style:disc;margin-left:20px}.content li{color:#555;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cta-button{background-color:transparent;border:2px solid #4caf50;border-radius:50px;color:#4caf50;cursor:pointer;display:block;font-size:18px;font-weight:700;margin:30px auto;max-width:500px;overflow:hidden;padding:15px 20px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.cta-button:before{background-color:#4caf50;content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:-1}.cta-button:hover{color:#fff}.cta-button:hover:before{left:0}@media (max-width:600px){.cta-button{font-size:16px;padding:12px 16px}}