*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f6fa;color:#111827;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.wrap{width:100%;max-width:460px}.card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 15px 45px rgba(0,0,0,.08)}.brand{text-align:center}.logo{width:58px;height:58px;margin:0 auto 12px;border-radius:16px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:23px}.brand h1{font-size:22px;margin:0}.brand p{color:#6b7280;margin:7px 0 0;font-size:14px}label{display:block;font-size:14px;font-weight:600;margin-top:21px;color:#374151}input[type=number],input[type=tel]{width:100%;height:52px;margin-top:8px;padding:0 14px;border:1px solid #d1d5db;border-radius:11px;font-size:16px;outline:0}input:focus{border-color:#111827;box-shadow:0 0 0 3px rgba(17,24,39,.08)}.providers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.provider{margin:0!important;height:68px;border:1px solid #d1d5db;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:#fff}.provider input{display:none}.provider:has(input:checked){border-color:#111827;box-shadow:0 0 0 2px #111827;background:#f9fafb}.provider span{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.mtn{background:#ffd100;color:#111}.airtel{background:#e30613;color:#fff}button{width:100%;height:54px;border:0;border-radius:11px;background:#111827;color:#fff;font-size:16px;font-weight:700;margin-top:24px;cursor:pointer}button:disabled{opacity:.6}.notice{margin-top:17px;padding:13px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;color:#6b7280;font-size:13px;line-height:1.5;text-align:center}.status{display:none;margin-top:16px;padding:13px;border-radius:10px;font-size:14px}.status.success{display:block;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.status.error{display:block;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.secure{text-align:center;color:#6b7280;font-size:12px;margin-top:15px}footer{text-align:center;color:#9ca3af;font-size:12px;margin-top:18px}