.home-bg{height:100vh;background:url(/ca.jpg) no-repeat center center fixed;background-size:cover;display:flex;justify-content:center;align-items:center;padding:20px}.home-card{background:#ffffffeb;border:2px solid #6A0DAD;border-radius:16px;padding:40px 50px;box-shadow:0 0 20px #6a0dad40;max-width:450px;width:100%;text-align:center}.logo-text{font-size:36px;font-weight:700;color:#6a0dad;margin-bottom:10px}.subtitle{color:#555;font-size:16px;margin-bottom:30px}.action-buttons{display:flex;flex-direction:column;gap:20px}button{background-color:#6a0dad;color:#fff;padding:14px;font-size:16px;font-weight:700;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.icon{margin-right:10px;font-size:18px}@media screen and (max-width: 480px){.home-card{padding:30px 20px}.logo-text{font-size:28px}.subtitle{font-size:14px}button{padding:12px;font-size:14px}}.form-bg{background:url(/payform.jpg) no-repeat center center fixed;background-size:cover;min-height:100vh;display:flex;justify-content:center;align-items:center}.form-overlay{background-color:#ffffffe6;width:100%;padding:40px 20px;display:flex;justify-content:center}.payform-container{max-width:650px;width:100%;background-color:#fff;border:2px solid #6A0DAD;border-radius:16px;padding:45px 40px;box-shadow:0 0 15px #6a0dad26;box-sizing:border-box}.payment-form{display:flex;flex-direction:column;width:100%}h2{text-align:center;color:#6a0dad;font-size:26px;font-weight:700;margin-bottom:30px}label{margin:14px 0 6px;font-weight:600;color:#333;font-size:15px}input,textarea{padding:14px 18px;font-size:15px;border:1px solid #ccc;border-radius:10px;transition:border-color .2s ease;margin-bottom:18px;width:100%;box-sizing:border-box;resize:vertical}input:focus,textarea:focus{border-color:#6a0dad;outline:none}button{background-color:#6a0dad;color:#fff;padding:16px;font-size:16px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease;margin-top:15px;width:100%}button:hover{background-color:#8a2be2}@media screen and (max-width: 480px){.payform-container{padding:30px 20px}h2{font-size:22px}label{font-size:14px}input,textarea{padding:12px}button{font-size:15px}}.card-entry-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:url(/payform.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:20px}.card-entry-box{background-color:#fff;padding:30px;border-radius:12px;border:2px solid #9b59b6;box-shadow:0 4px 20px #0000004d;width:420px;max-width:90vw}.card-entry-box h2{color:#6a1b9a;text-align:center;margin-bottom:20px;font-size:24px}.card-entry-box form{display:flex;flex-direction:column}.card-entry-box label{margin-top:12px;font-weight:600;font-size:14px;color:#333}.card-entry-box input{margin-top:6px;padding:10px;font-size:16px;border-radius:6px;border:1px solid #ccc;width:100%;box-sizing:border-box}.card-row{display:flex;justify-content:space-between;gap:10px}.card-row div{flex:1}.card-info-box{background-color:#f3e5f5;padding:10px 14px;border-radius:8px;margin-bottom:15px;font-size:15px;color:#4a0072}.card-entry-box button{background-color:#6a1b9a;color:#fff;padding:12px;font-size:16px;border:none;border-radius:6px;cursor:pointer;margin-top:18px;transition:background-color .3s ease}.card-entry-box button:hover{background-color:#4a0072}.gateway-container{background:url(/payform.jpg) no-repeat center center fixed;background-size:cover;display:flex;justify-content:center;align-items:center;height:100vh}.gateway-box{background-color:#fffffff2;border:2px solid #a855f7;padding:30px;border-radius:12px;width:350px;text-align:center;box-shadow:0 0 15px #a855f74d}.gateway-box h2{color:#6b21a8;margin-bottom:10px;font-size:22px;font-weight:700}.gateway-box p{margin-bottom:18px;font-size:16px;color:#333}.loader{margin-top:20px;border:4px solid #f3f3f3;border-top:4px solid #6b21a8;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin-left:auto;margin-right:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width: 480px){.gateway-box{width:90%;padding:20px}.gateway-box h2{font-size:20px}.gateway-box p{font-size:15px}}.confirmation-container{background:url(/payform.jpg) no-repeat center center fixed;background-size:cover;min-height:100vh;display:flex;justify-content:center;align-items:center}.confirmation-box{background-color:#fffffff2;border:2px solid #6A0DAD;border-radius:12px;padding:40px;max-width:600px;width:90%;text-align:center;box-shadow:0 0 18px #6a0dad33}.confirmation-box h2{color:#28a745;font-size:26px;margin-bottom:15px;font-weight:700}.confirmation-box p{font-size:16px;color:#333;margin-bottom:10px}.confirmation-icon{font-size:40px;color:#6a0dad;margin-bottom:15px}.confirmation-buttons{margin-top:25px;display:flex;flex-direction:column;gap:10px;align-items:center}.confirmation-buttons button{background-color:#6a0dad;color:#fff;padding:12px 18px;font-weight:700;border:none;border-radius:8px;cursor:pointer;font-size:15px;width:200px}.confirmation-buttons button:hover{background-color:#8a2be2}@media screen and (max-width: 480px){.confirmation-box{padding:25px}.confirmation-box h2{font-size:22px}.confirmation-box p{font-size:15px}.confirmation-buttons button{font-size:14px;width:90%}}.error-container{max-width:500px;margin:80px auto;padding:40px;background-color:#fff5f5;border:2px solid #ff4d4f;border-radius:12px;text-align:center;box-shadow:0 0 12px #ff00001a}.error-container h2{color:#c00;margin-bottom:15px}.error-container p{font-size:15px;color:#800;margin-bottom:25px}.error-container button{background-color:#6a0dad;color:#fff;padding:10px 20px;border-radius:8px;border:none;font-weight:700;cursor:pointer}.qr-container{position:relative;min-height:100vh;background:url(/payform.jpg) no-repeat center center fixed;background-size:cover;display:flex;justify-content:center;align-items:center;padding:40px 20px}.qr-overlay{background-color:#ffffffeb;border-radius:16px;padding:40px 30px;box-shadow:0 0 15px #6a0dad1a;max-width:480px;width:100%;text-align:center}.qr-title{font-size:26px;color:#6a0dad;font-weight:600;margin-bottom:10px}.qr-subtitle{color:#555;font-size:16px;margin-bottom:30px;max-width:400px;margin-left:auto;margin-right:auto}#qr-reader{width:100%;background:#fff;padding:20px;border:2px solid #6A0DAD;border-radius:14px;box-shadow:0 4px 12px #6a0dad26;box-sizing:border-box}@media screen and (max-width: 480px){.qr-title{font-size:22px}.qr-subtitle{font-size:14px}#qr-reader{padding:16px}.qr-overlay{padding:30px 20px}}#qr-reader__dashboard_section{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:10px}#qr-reader__scan_region img{max-width:120px;margin-bottom:12px}#qr-reader button{background-color:#6a0dad!important;color:#fff!important;font-weight:700;padding:12px 16px;border-radius:8px;border:none;cursor:pointer;font-size:15px}#qr-reader button:hover{background-color:#8a2be2!important}#qr-reader__dashboard_section_csr span{color:#6a0dad;font-size:14px;font-weight:500;text-decoration:underline;margin-top:8px}#qr-reader__camera_permission_button{margin-bottom:10px}@tailwind base;@tailwind components;@tailwind utilities;