body{margin:0;padding:0;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh}header{background-color:#002147;padding:20px 0;text-align:center;color:#fff;position:sticky;top:0;width:100%;z-index:10}.checkout-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;max-width:1200px;margin:0 auto;padding-top:20px;flex-grow:1;overflow-y:auto;padding-bottom:60px}.form-container,.qr-container{flex:1;min-width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin:10px;box-sizing:border-box;height:100%;max-width:400px}.parent-container{box-shadow:0 8px 34px #0006;display:flex;border-radius:50px;padding:40px;flex-wrap:wrap;transition:box-shadow .3s ease;overflow:hidden;min-width:300px;max-width:100%;height:100%;margin:1px;animation:shadowRotate 4s infinite linear}@keyframes shadowRotate{0%{box-shadow:0 8px 34px #0006}25%{box-shadow:8px 0 34px #06020599}50%{box-shadow:0 -8px 34px #060205cc}75%{box-shadow:-8px 0 34px #060205}to{box-shadow:0 8px 34px #0006}}.parent-container:hover{box-shadow:0 12px 34px #060205e6}h1{color:#002147;font-size:2rem;margin-bottom:20px;text-align:center}h2{color:#08000a;font-size:1.5rem;margin-top:10px;text-align:center}.form-group{margin-bottom:15px;width:100%;max-width:400px;box-sizing:border-box;padding-right:50px;position:relative}.form-group label{display:block;font-size:1.1rem;font-weight:700;margin-bottom:5px}.form-group input{width:100%;max-width:100%;padding:15px 30px;font-size:1rem;border:1px solid #ccc;border-radius:8px;margin-bottom:10px;transition:border-color .3s ease;box-shadow:0 8px 16px #0003}.form-group input:focus{border-color:#018bed;outline:none;box-shadow:0 0 5px #018bed80}.form-group input:focus~label{color:#018bed}.error{color:red;font-size:.875rem;margin-bottom:.25rem;position:absolute;top:4.4rem;right:3rem;width:100%;text-align:left}.button-container{display:flex;justify-content:center;width:100%;margin-top:20px}button{background:linear-gradient(to right,#018bed,#0264a8);color:#fff;border-radius:30px;cursor:pointer;width:130px;height:40px;font-size:20px;padding:10px 20px;text-align:center;font-weight:600;transition:background-color .3s ease}button:hover{box-shadow:0 4px 8px #1e2fe5e6}.qr-code{margin-top:10px;width:100%;max-width:325px}.qr-code img{width:100%;max-width:100%;height:auto}.qr-code p{font-size:1rem;color:#000}.error{color:red;font-size:.875rem;margin-top:.25rem;display:block;text-align:center}.thank-you{display:block;background-color:#f4f4f4;padding:20px;text-align:center;border-radius:50px;box-shadow:0 10px 4px #0602051a}.thank-you h1{color:#037b07}.thank-you p{color:#1d075b;font-size:1.1rem}@media (max-width: 768px){.checkout-container{flex-direction:column;align-items:center}.form-group input{padding:12px;font-size:.95rem}button{padding:8px 24px;font-size:1.1rem}}@media (max-width: 480px){h1{font-size:1.5rem}h2{font-size:1.2rem}.checkout-container{padding:10px}.form-container,.qr-container,.parent-container{max-width:100%;padding:15px}.form-group{max-width:100%}.form-group input{padding:10px;font-size:.9rem}button{padding:8px 12px;font-size:.85rem}.qr-code{max-width:250px}}.footer{background-color:#002147;padding:1px 0;text-align:center;position:fixed;bottom:0;width:100%;color:#fff;overflow:hidden}.footer-content{font-size:12px;font-weight:700;color:#fff;margin:0;line-height:1.3}