body{font-family:'Inter',sans-serif}:root{--sejapay-blue:#1e3a8a;--sejapay-light-blue:#3FB5C8;--gradient-start:#3FB5C8;--gradient-end:#1e40af}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#203552;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2F7C96 0%,#203552 100%);border-radius:10px;border:2px solid #203552;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3CAAC1 0%,#2F7C96 100%)}.gradient-bg{background:linear-gradient(135deg,#f0f4ff 0%,#e6eeff 100%)}.text-gradient{background:linear-gradient(135deg,#3FB5C8 0%,#203451 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.btn-hover{transition:all .3s cubic-bezier(.25,.8,.25,1)}.btn-hover:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(63,181,200,.3)}.card-hover{transition:all .4s cubic-bezier(.25,.8,.25,1)}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(32,52,81,.15)}.mobile-menu{transform:translateX(100%);transition:transform .4s ease-in-out}.mobile-menu-open{transform:translateX(0)}.form-input{@apply w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent transition duration-300}.form-input-error{@apply border-error ring-2 ring-error/30}.phone-input-wrapper{@apply relative flex border border-gray-300 rounded-lg overflow-hidden bg-white transition-all duration-300}.phone-input-wrapper:focus-within{@apply border-primary ring-2 ring-primary/20}.vti__dropdown{@apply px-3 py-2 bg-gray-50 border-r border-gray-200 flex items-center text-sm font-medium text-primary-dark cursor-pointer}.text-gradient{background:linear-gradient(135deg,#3FB5C8 0%,#203451 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-answer{max-height:0;opacity:0;transition:all .4s ease-out;overflow:hidden}.faq-answer-open{max-height:800px;opacity:1}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.header-shadow{transition:box-shadow .3s ease}.header-scrolled{box-shadow:0 4px 20px rgba(0,0,0,.1)}.bg-sejapay-blue{background-image:url(/assets/img/bg_sejapay.webp);background-attachment:fixed}.bg-sejapay-white{background-image:url(/assets/img/bg_sejapay_white.webp);background-attachment:fixed}.white-shadow{filter:drop-shadow(1px 1px 1px white)}.blue-shadow{filter:drop-shadow(2px 2px 1px #7796ff)}.gradient-bg{background:linear-gradient(135deg,var(--sejapay-blue) 0%,#0f1b4d 100%)}.text-gradient{background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-gradient{background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.floating{animation:floating 6s ease-in-out infinite}@keyframes floating{0%{transform:translate(0,0)}50%{transform:translate(0,-15px)}100%{transform:translate(0,0)}}.pulse-glow{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 rgba(63,181,200,.4)}70%{box-shadow:0 0 0 15px rgba(63,181,200,0)}100%{box-shadow:0 0 0 0 rgba(63,181,200,0)}}.animate-fade-in{animation:fadeIn 1.2s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-left{animation:slideInLeft 1s ease-out}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.animate-slide-in-right{animation:slideInRight 1s ease-out}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.white-shadow{text-shadow:0 2px 4px rgba(255,255,255,.1)}.bg-grid-pattern{background-image:radial-gradient(circle at 25% 25%,rgba(63,181,200,.1) 2px,transparent 0),radial-gradient(circle at 75% 75%,rgba(63,181,200,.05) 2px,transparent 0);background-size:60px 60px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-fade-in{animation:fade-in .8s ease-out forwards}.animate-slide-up{animation:slide-up .6s ease-out forwards}@media (max-width:768px){.faq-question h3{font-size:1.25rem;line-height:1.4}.faq-answer{font-size:.95rem}}.faq-answer{transition:max-height .4s ease-out,padding .3s ease}.faq-question:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.faq-item:hover{transform:translateY(-2px);transition:transform .3s ease}