*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{overflow-x:hidden;width:100%}button,a,input,textarea,select{touch-action:manipulation}html{scroll-behavior:smooth}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid #3b82f6;outline-offset:2px}.loading{opacity:.6;pointer-events:none}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{word-wrap:break-word;word-break:break-word}@media(max-width:640px){input[type=text],input[type=number],input[type=email],input[type=password],textarea,select{font-size:16px!important}button+button{margin-top:.5rem}.form-group+.form-group{margin-top:1rem}}@media(min-resolution:192dpi){img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media(prefers-color-scheme:dark){.dark\:bg-gray-800{background-color:#1f2937!important}.dark\:bg-gray-900{background-color:#111827!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.perspective-1000{perspective:1000px}.transform-style-preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.transition-transform{transition-property:transform}.duration-700{transition-duration:.7s}.flip-card-container{perspective:1000px}.flip-card{position:relative;width:100%;height:100%;transition:transform .7s;transform-style:preserve-3d}.flip-card.flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:1rem}.flip-card-back{transform:rotateY(180deg)}@media(max-width:640px){.container{padding-left:1rem!important;padding-right:1rem!important}header .container{padding:.75rem 1rem!important}header nav{gap:.5rem!important}header nav a{padding:.5rem .75rem!important;font-size:.875rem!important}.hero-section{padding:3rem 1rem!important}.hero-section h1{font-size:2rem!important;line-height:1.2!important;margin-bottom:1rem!important}.hero-section p{font-size:1rem!important;margin-bottom:2rem!important}.hero-section .btn-primary{padding:.75rem 1.5rem!important;font-size:1rem!important}.feature-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.feature-card{padding:1.5rem!important}.timeline-container{padding:0 1rem!important}.timeline-item{flex-direction:column!important;text-align:center!important}.timeline-line{display:none!important}.client-container{margin:1rem!important;padding:1.5rem!important;max-width:calc(100vw - 2rem)!important}.client-container h2{font-size:1.5rem!important}.client-container button{padding:.75rem 1rem!important;font-size:1rem!important}.client-container input,.client-container textarea{padding:.75rem!important;font-size:1rem!important}.payment-method-card{padding:1rem!important;margin-bottom:.75rem!important}.payment-method-card h3{font-size:1rem!important}.payment-method-card p{font-size:.875rem!important}.qr-container img{width:8rem!important;height:8rem!important}.form-group{margin-bottom:1rem!important}.form-input{width:100%!important;padding:.75rem!important;font-size:1rem!important;border-radius:.5rem!important}.success-icon{width:4rem!important;height:4rem!important}.payment-details{padding:1rem!important;margin:1rem 0!important}.payment-details p{font-size:.875rem!important;margin-bottom:.5rem!important}.amount-display{font-size:1.25rem!important;padding:1rem!important;text-align:center!important;background:#22c55e1a!important;border-radius:.5rem!important;margin:1rem 0!important}.back-button{margin-top:1rem!important;padding:.5rem!important;font-size:.875rem!important}.text-responsive-lg{font-size:1.125rem!important}.text-responsive-xl{font-size:1.25rem!important}.text-responsive-2xl{font-size:1.5rem!important}}@media(max-width:480px){.client-container{margin:.5rem!important;padding:1rem!important}.hero-section h1{font-size:1.75rem!important}.payment-method-card{padding:.75rem!important}.qr-container img{width:6rem!important;height:6rem!important}}@media(max-height:500px)and (orientation:landscape){.client-container{margin:.5rem!important;padding:1rem!important}.hero-section{padding:2rem 1rem!important}}@media(hover:none)and (pointer:coarse){button,.clickable{min-height:44px!important;min-width:44px!important}.payment-method-card{min-height:60px!important}}