.hero-overlay{background:linear-gradient(135deg,#165facf2,#287f3be6)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.float-animation{animation:float 6s ease-in-out infinite}.animate-slide-left{animation:slideInLeft .8s ease-out}.animate-slide-right{animation:slideInRight .8s ease-out}.animate-fade-up{animation:fadeInUp .8s ease-out}.card-hover{transition:all .4s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.step-connector{position:relative}.step-connector:after{content:"";position:absolute;top:50%;left:100%;width:100%;height:3px;background:linear-gradient(to right,#165fac,#287f3b);transform:translateY(-50%);z-index:-1}@media (max-width: 768px){.step-connector:after{display:none}}.requirement-check{transition:all .3s ease}.requirement-check:hover{transform:translate(5px)}.tab-button{transition:all .3s ease}.tab-button.active{background:linear-gradient(135deg,#165fac,#287f3b);color:#fff}.tab-content{display:none;animation:fadeInUp .5s ease-out}.tab-content.active{display:block}.price-badge{position:relative;overflow:hidden}.price-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.price-badge:hover:before{left:100%}.form-input{transition:all .3s ease}.form-input:focus{transform:translateY(-2px);box-shadow:0 8px 16px #165fac26}.card-hover,.card-hover h2,.card-hover h3,.card-hover h4,.card-hover p,.card-hover span,.card-hover small,.requirement-check,.requirement-check span,.tab-button,.tab-content h3,.tab-content p,.tab-content span{overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.card-hover{overflow:hidden}section#alur .grid>div,section#syarat .grid>div,section#biaya .grid>div{min-width:0}.tab-button{max-width:100%;white-space:normal;text-align:center;line-height:1.3}section .grid>div p{overflow-wrap:anywhere;word-break:break-word}section h1,section h2{overflow-wrap:anywhere;word-break:break-word}@media (max-width: 640px){.card-hover{padding:1.25rem}.tab-button{font-size:.9rem;padding:.5rem 1rem}}