:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#222;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app{width:100%;overflow-x:hidden}.hero{color:#fff;text-align:center;background:linear-gradient(135deg,#dc143c 0%,#1a1a1a 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:before{opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 120\"><path d=\"M0,60 Q300,0 600,60 T1200,60 L1200,120 L0,120 Z\" fill=\"rgba(255,255,255,0.05)\"/></svg>") bottom/cover no-repeat}.hero-content{z-index:1;width:100%;max-width:900px;position:relative}.hero-content h1{letter-spacing:clamp(1px,.5vw,3px);text-shadow:3px 3px 6px #0006;margin-bottom:clamp(15px,5vw,30px);font-size:clamp(2rem,8vw,4rem);font-weight:900;animation:.8s ease-out slideInDown}.tagline{letter-spacing:clamp(2px,1vw,4px);font-size:clamp(1rem,5vw,1.8rem);font-weight:300;animation:.8s ease-out .2s both slideInUp}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section{width:100%;padding:clamp(40px,10vw,80px) 20px}.balance-section{background:linear-gradient(135deg,#1a1a1a 0%,#2a2a2a 100%);justify-content:center;align-items:center;min-height:100vh;padding:clamp(30px,8vw,80px) 20px;display:flex}.container{justify-content:center;align-items:center;width:100%;margin:0 auto;padding:0 20px;display:flex}.balance-card{text-align:center;background:#fff;border-top:5px solid #dc143c;border-radius:clamp(8px,2vw,15px);width:100%;max-width:550px;padding:clamp(40px,8vw,60px);animation:.6s ease-out fadeInScale;box-shadow:0 20px 60px #dc143c4d,0 0 40px #dc143c1a}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.balance-label{color:#999;text-transform:uppercase;letter-spacing:clamp(1.5px,.5vw,2.5px);margin-bottom:clamp(15px,3vw,25px);font-size:clamp(.8rem,2vw,1rem);font-weight:700}.balance-amount{color:#dc143c;letter-spacing:-1px;margin:clamp(20px,5vw,40px) 0;font-size:clamp(2.5rem,10vw,4.5rem);font-weight:900;line-height:1}.balance-note{color:#555;margin-bottom:clamp(25px,5vw,40px);font-size:clamp(.9rem,2vw,1.05rem);line-height:1.7}.payment-button{color:#fff;cursor:pointer;letter-spacing:clamp(.5px,.5vw,1.5px);text-transform:uppercase;background:linear-gradient(135deg,#dc143c 0%,#a80a2d 100%);border:none;border-radius:50px;padding:clamp(14px,3vw,20px) clamp(40px,8vw,60px);font-size:clamp(1rem,2vw,1.2rem);font-weight:700;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:inline-block;box-shadow:0 10px 30px #dc143c4d}.payment-button:hover{background:linear-gradient(135deg,#a80a2d 0%,#7d0820 100%);transform:translateY(-4px);box-shadow:0 20px 50px #dc143c80}.payment-button:active{transform:translateY(-1px);box-shadow:0 8px 20px #dc143c66}.footer{color:#ddd;text-align:center;letter-spacing:.5px;background:#0d0d0d;border-top:1px solid #dc143c;padding:clamp(25px,5vw,35px) 20px;font-size:clamp(.85rem,1.5vw,.95rem)}.footer p{margin:0}@media (max-width:768px){.balance-card{margin:20px 0}.balance-section{min-height:auto}.hero{min-height:70vh}.payment-button{width:90%;max-width:400px}}@media (max-width:480px){.hero-content h1{word-spacing:100vw}.balance-card{padding:clamp(30px,6vw,45px)}.hero{min-height:60vh;padding:clamp(40px,10vw,80px) 15px}.section{padding:clamp(30px,8vw,50px) 15px}.payment-button{width:95%}}@media (max-width:360px){.balance-amount{font-size:2rem}.balance-label{font-size:.75rem}.payment-button{padding:12px 30px;font-size:.95rem}.hero-content h1{margin-bottom:10px}}