@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
.popup-viewport{min-height:720px;background:rgba(10,20,35,0.6);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;border-radius:12px}
.popup-card{background:#fff;border-radius:14px;width:100%;max-width:500px;overflow:hidden;font-family:'Montserrat',sans-serif}
.popup-header{background:linear-gradient(135deg,#0D2137,#163655);padding:18px 28px 14px;text-align:center;position:relative}
.popup-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#E8A838,#D4922E,#E8A838)}
.popup-close{position:absolute;top:13px;left:14px;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.75);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s}
.popup-close:hover{background:rgba(255,255,255,0.16);color:#fff}
.header-title{font-size:19px;font-weight:700;color:#fff;letter-spacing:0.4px;margin-bottom:1px}
.header-sub{font-size:11px;font-weight:500;color:rgba(232,168,56,0.9);letter-spacing:1.4px;text-transform:uppercase}
.popup-body{padding:18px 20px 16px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;margin-bottom:14px}
.form-group{display:flex;flex-direction:column;gap:3px}
.form-group.full{grid-column:1/-1}
.form-label{font-size:9.5px;font-weight:600;color:#7A8A9E;text-transform:uppercase;letter-spacing:0.6px}
.form-input{border:0.5px solid #CDD7E3;border-radius:6px;padding:7px 10px;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:500;color:#0D2137;outline:none;transition:all 0.2s;background:#F8FAFC}
.form-input:focus{border-color:#2E7D32;background:#fff}
.form-input::placeholder{color:#B8C4CF;font-weight:400}
.form-input.error{border-color:#EF5350;background:#FFF8F8}
.error-msg{font-size:9px;color:#EF5350;font-weight:500;margin-top:1px;display:none}
.error-msg.show{display:block}
.section-label{font-size:9.5px;font-weight:600;color:#7A8A9E;text-transform:uppercase;letter-spacing:0.6px;margin-bottom:8px}
.access-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.access-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border:0.5px solid #DEE4EC;border-radius:7px;transition:all 0.15s;background:#FAFBFC}
.access-option:hover{border-color:#A5D6A7;background:#F5FBF5}
.access-option.selected{border-color:#43A047;background:#EDF7ED}
.radio-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid #B8C4CF;position:relative;flex-shrink:0;transition:all 0.15s}
.access-option.selected .radio-dot,.pay-option.selected .radio-dot{border-color:#2E7D32}
.access-option.selected .radio-dot::after,.pay-option.selected .radio-dot::after{content:'';position:absolute;top:2.5px;left:2.5px;width:6px;height:6px;border-radius:50%;background:#2E7D32}
.radio-text{font-size:11px;font-weight:500;color:#2A3A4E}
.pay-options{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.pay-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border:0.5px solid #DEE4EC;border-radius:7px;transition:all 0.15s;background:#FAFBFC}
.pay-option:hover{border-color:#A5D6A7;background:#F5FBF5}
.pay-option.selected{border-color:#43A047;background:#EDF7ED}
.pay-text{font-size:10.5px;font-weight:500;color:#2A3A4E}
.pay-btn{width:100%;padding:11px;border:none;border-radius:8px;background:linear-gradient(135deg,#2E7D32,#388E3C);color:#fff;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all 0.2s;letter-spacing:0.3px;display:flex;align-items:center;justify-content:center;gap:6px}
.pay-btn:hover{background:linear-gradient(135deg,#1B5E20,#2E7D32)}
.pay-btn svg{width:15px;height:15px}
.pay-amt-display{font-weight:700}
.btn-sub{font-size:9px;font-weight:400;opacity:0.85}
.platform-note{font-size:9px;color:#97A5B3;margin-top:6px;margin-bottom:16px;line-height:1.4;text-align:center}
.divider{height:0.5px;background:#E4E9EF;margin:0 0 12px}
.neft-card{border:0.5px solid #DAE1EA;border-radius:10px;overflow:hidden}
.neft-header{background:#F5F7FA;padding:8px 14px 6px;border-bottom:0.5px solid #DAE1EA}
.neft-header-top{display:flex;align-items:center;gap:7px}
.neft-icon{width:24px;height:24px;background:#0D2137;border-radius:5px;display:flex;align-items:center;justify-content:center}
.neft-icon svg{width:13px;height:13px}
.neft-title{font-size:11px;font-weight:700;color:#0D2137;letter-spacing:0.6px;text-transform:uppercase}
.neft-sub{font-size:9px;font-weight:400;color:#8E9DAE;margin-top:2px;padding-left:31px}
.neft-body{padding:8px 14px 10px}
.neft-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:0.5px dashed #ECF0F4}
.neft-row:last-child{border-bottom:none;padding-bottom:2px}
.neft-key{font-size:10px;font-weight:500;color:#8E9DAE}
.neft-val{font-size:11px;font-weight:600;color:#0D2137;display:flex;align-items:center;gap:5px}
.copy-btn{width:18px;height:18px;border-radius:3px;border:0.5px solid #DAE1EA;background:#F8FAFC;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.15s;padding:0}
.copy-btn:hover{background:#E8F5E9;border-color:#A5D6A7}
.copy-btn svg{width:10px;height:10px}
.footer-text{text-align:center;font-size:9px;color:#B8C4CF;margin-top:12px}
.payment-success{text-align:center;padding:40px 28px 32px;font-family:'Montserrat',sans-serif}
.success-icon{width:56px;height:56px;border-radius:50%;background:#EDF7ED;color:#2E7D32;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.success-title{font-size:20px;font-weight:700;color:#2E7D32;margin-bottom:12px}
.success-text{font-size:12px;color:#2A3A4E;line-height:1.6;margin-bottom:10px}
.success-email{font-size:11px;color:#7A8A9E;line-height:1.6;margin-bottom:24px}
.success-close-btn{max-width:200px;margin:0 auto}