:root{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:grab;font-family:Comfortaa}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-light:#f5f4f2;--text-light:#333;--card-light:#fff;--accent-light:#ffb3c1;--bg-dark:#222831;--text-dark:#eee;--card-dark:#393e46;--accent-dark:#8dc6ff;--pastel-blue:#a8d8ea;--pastel-pink:#f6a6b2;--pastel-yellow:#ffeaa7;--pastel-mint:#c8facc;--pastel-lavender:#d5c3f7}body{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.payment{background-color:var(--card-light);text-align:center;border-radius:20px;width:100%;max-width:500px;margin:20px auto;padding:2rem;transition:background-color .4s,color .4s}body.dark .payment{background-color:var(--card-dark)}.payment h1{text-align:center;color:inherit;margin-bottom:1.5rem;font-size:1.8rem}.product{background-color:#00000005;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin:1rem 0;padding:1rem;transition:background-color .3s;display:flex}body.dark .product{background-color:#ffffff0d}.product label{color:#000;font-family:Comfortaa;font-size:1.1rem;font-weight:400}.product input{background-color:var(--card-light);border:1px solid var(--pastel-blue);color:gray;text-align:right;border-radius:12px;width:80px;padding:.6rem 1rem;font-family:Comfortaa;font-size:1rem;font-weight:600;transition:all .2s}.product input:focus{border-color:var(--accent-light);outline:none;box-shadow:0 0 0 2px #ffb3c14d}.payment button{background-color:var(--pastel-yellow);cursor:pointer;color:#070606;border:none;border-radius:12px;width:70%;max-width:250px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .3s,transform .2s;display:inline-block}.payment button:hover:not(:disabled){background-color:var(--pastel-mint);transform:scale(1.02)}.payment button:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment p{text-align:center;word-break:break-word;background-color:#0000000d;border-radius:12px;width:auto;max-width:90%;margin-top:1.2rem;padding:.5rem;font-size:.9rem;display:inline-block}@media (width<=600px){.payment{margin:20px 10px;padding:1.5rem}.payment h1{font-size:1.5rem}.product{text-align:center;flex-direction:column;padding:1rem .5rem}.product label{font-size:1rem}.product input{text-align:center;width:50%;max-width:200px}.payment button{width:85%;padding:.7rem 1rem;font-size:.9rem}}@media (width<=400px){.payment button{width:95%}.product input{text-align:center;width:50%;max-width:200px}}.pay-fail{background-color:var(--card-light);text-align:center;border-radius:20px;width:100%;max-width:500px;margin:20px auto;padding:2rem;transition:background-color .4s,color .4s}body.dark .pay-fail{background-color:var(--card-dark)}.pay-fail h2{text-align:center;color:var(--pastel-pink);margin-bottom:1.5rem;font-size:1.5rem}.pay-fail button{background-color:var(--pastel-pink);cursor:pointer;color:#070606;border:none;border-radius:12px;width:70%;max-width:250px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .3s,transform .2s;display:inline-block}.pay-fail button:hover{background-color:var(--pastel-yellow);transform:scale(1.02)}.success-div{background-color:var(--card-light);text-align:center;border-radius:20px;width:100%;max-width:600px;margin:20px auto;padding:2rem;transition:background-color .4s,color .4s}body.dark .success-div{background-color:var(--card-dark)}.success-div h1{text-align:center;color:#006400;margin-bottom:1.5rem;font-size:1.8rem}.details{text-align:left;background-color:#00000005;border-radius:16px;margin:1.5rem 0;padding:1.5rem;transition:background-color .3s}body.dark .details{background-color:#ffffff0d}.details h3{text-align:center;color:inherit;border-left:3px solid var(--pastel-blue);margin-bottom:1rem;padding-left:.8rem;font-size:1.3rem}.details p{border-bottom:1px dashed #0000001a;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin:.8rem 0;padding-bottom:.5rem;display:flex}body.dark .details p{border-bottom-color:#ffffff1a}.details strong{color:var(--accent-light);font-weight:700}body.dark .details strong{color:var(--accent-dark)}.success-div button.home{background-color:var(--pastel-mint);cursor:pointer;color:#070606;border:none;border-radius:12px;width:70%;max-width:250px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .3s,transform .2s;display:inline-block}.success-div button.home1{background-color:var(--pastel-lavender);cursor:pointer;color:#070606;border:none;border-radius:12px;width:70%;max-width:250px;margin-bottom:5px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .3s,transform .2s;display:inline-block}.success-div button.home:hover{background-color:var(--pastel-yellow);transform:scale(1.02)}.success-div button.home1:hover{background-color:var(--pastel-blue);transform:scale(1.02)}@media (width<=600px){.pay-fail,.success-div{margin:20px 10px;padding:1.5rem}.pay-fail h2{font-size:1.3rem}.success-div h1{font-size:1.5rem}.details{padding:1rem}.details p{flex-direction:column;align-items:flex-start;gap:.2rem}.pay-fail button,.success-div button.home{width:85%;padding:.7rem 1rem;font-size:.9rem}}@media (width<=400px){.pay-fail button,.success-div button.home{width:95%}}