@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");body{font-family:Lato,sans-serif;margin:0;padding-top:80px}.page-container,body{box-sizing:border-box}.page-container{max-width:630px;margin:0 auto;padding:0 16px;width:100%}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.popupCard{background:#fff;border-radius:16px;padding:28px 20px;width:92%;max-width:420px;box-shadow:0 8px 24px rgba(0,0,0,.15);font-family:Inter,sans-serif;animation:fadeIn .3s ease-in-out;transition:all .3s ease}.header{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:#2c2d5b;margin-bottom:10px}.closeBtn{background:none;border:none;cursor:pointer;font-size:18px;color:#555;transition:.2s ease}.closeBtn:hover{color:#000}.mainHeading{font-size:18px;font-weight:700;color:#2c2d5b;text-align:center;margin:12px 0 4px}.redeemText{font-size:13px;text-align:center;color:#555;margin-bottom:22px;line-height:1.4}.inputField,select.inputField{padding:12px 14px;border-radius:10px;border:1px solid #ddd;font-size:14px;outline:none;background-color:#fafafa;color:#333;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.inputField:focus,select.inputField:focus{border-color:#007bff;background:#fff;box-shadow:0 0 0 2px rgba(0,123,255,.15)}select.inputField{background-image:url("data:image/svg+xml;utf8,<svg fill='%232c2d5b' height='20' width='20' viewBox='0 0 24 24'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:14px}select.inputField option{padding:8px;color:#2c2d5b}.proceedBtn{background-color:#2c2d5b;color:#fff;font-weight:600;border:none;border-radius:12px;padding:12px 20px;cursor:pointer;width:100%;margin-top:14px;font-size:15px;transition:background .2s ease,transform .1s ease-in}.proceedBtn:hover{background-color:#1e1f3a;transform:translateY(-1px)}.statusText{text-align:center;margin-top:14px;font-weight:600;font-size:13px}.statusText.success{color:#0cbf4d}.statusText.error{color:#d9534f}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.popupCard{padding:22px 16px;border-radius:14px}.mainHeading{font-size:16px}.inputField{font-size:13.5px;padding:10px 12px}.proceedBtn{font-size:14px;padding:10px 16px}}