*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1a1a2e;background-color:#eeeaf6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh}.app{max-width:480px;margin:0 auto;padding:20px 16px 32px}.loading-screen{display:flex;flex-direction:column;gap:14px;padding-top:4px}.shimmer-block{background:#ddd8e8;border-radius:16px;position:relative;overflow:hidden}.shimmer-block:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%);animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer-cost{height:130px}.shimmer-title{height:20px;width:55%;border-radius:8px;margin-top:6px}.shimmer-card{height:80px}.shimmer-btn{height:52px;margin-top:10px}.processing-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:32px 24px;text-align:center}.processing-spinner{width:48px;height:48px;border:4px solid rgba(81,76,159,.2);border-top-color:#514c9f;border-radius:50%;animation:processing-spin .9s linear infinite;margin-bottom:24px}@keyframes processing-spin{to{transform:rotate(360deg)}}.processing-message{font-size:18px;font-weight:700;color:#1a1a2e;margin:0 0 8px;line-height:1.3}.processing-hint{font-size:14px;color:#666;margin:0}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding-top:80px;text-align:center}.error-screen p{color:#666;font-size:15px}.retry-btn{background:linear-gradient(135deg,#514c9f,#6f63b5);color:#fff;border:none;border-radius:14px;padding:14px 36px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.retry-btn:active{opacity:.85}.rejected-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;padding:24px 16px 40px}.rejected-card{width:100%;max-width:360px;background:#fff;border-radius:20px;padding:32px 24px 28px;text-align:center;box-shadow:0 4px 24px #514c9f14,0 2px 8px #0000000a;border:1px solid rgba(81,76,159,.1)}.rejected-icon-wrap{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#514c9f1f,#514c9f0f);border-radius:50%;color:#6b63a8}.rejected-icon{width:32px;height:32px}.rejected-title{margin:0 0 12px;font-size:20px;font-weight:600;color:#2d2a4a;letter-spacing:-.02em}.rejected-message{color:#5c5877;font-size:15px;line-height:1.55;max-width:300px;margin:0 auto 24px}.rejected-back-btn{display:inline-block;background:linear-gradient(135deg,#514c9f,#6f63b5);color:#fff;border:none;border-radius:14px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 14px #514c9f59}.rejected-back-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #514c9f66}.rejected-back-btn:active{transform:translateY(0);opacity:.95}.congratulations-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;padding:24px 16px 40px}.congratulations-card{width:100%;max-width:360px;background:#fff;border-radius:20px;padding:32px 24px 28px;text-align:center;box-shadow:0 4px 24px #514c9f14,0 2px 8px #0000000a;border:1px solid rgba(81,76,159,.1)}.congratulations-icon-wrap{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#48bb7833,#48bb7814);border-radius:50%;color:#38a169}.congratulations-icon{width:32px;height:32px}.congratulations-title{margin:0 0 12px;font-size:22px;font-weight:600;color:#2d2a4a;letter-spacing:-.02em}.congratulations-message{margin:0 0 24px;color:#5c5877;font-size:15px;line-height:1.55}.congratulations-btn{display:inline-block;background:linear-gradient(135deg,#514c9f,#6f63b5);color:#fff;border:none;border-radius:14px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 14px #514c9f59}.congratulations-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #514c9f66}.congratulations-btn:active{transform:translateY(0);opacity:.95}.cost-header{background:linear-gradient(135deg,#514c9f,#8d7fc4 60%,#c4a8e0);color:#fff;border-radius:20px;padding:24px 22px 20px;margin-bottom:24px}.cost-label{font-size:14px;font-weight:500;opacity:.9;margin-bottom:2px}.cost-value{font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px}.cost-subtitle{font-size:13px;font-weight:400;opacity:.75}.section-title{font-size:16px;font-weight:700;color:#1a1a2e;margin-bottom:14px}.emi-list{display:flex;flex-direction:column;gap:12px}.emi-card{background:#fff;border:2px solid transparent;border-radius:16px;padding:16px 16px 16px 14px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #503c780f;transition:border-color .2s,box-shadow .2s,background .2s;cursor:pointer;-webkit-user-select:none;user-select:none}.emi-card:active{background:#f8f6fc}.emi-card.selected{border-color:#514c9f;box-shadow:0 0 0 3px #514c9f26,0 2px 8px #503c780f;background:#fbfaff}.emi-card-left{display:flex;align-items:center}.check-circle{width:26px;height:26px;border-radius:50%;border:2px solid #ccc;flex-shrink:0;margin-right:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:transparent}.emi-card.selected .check-circle{border-color:#514c9f;background:#514c9f}.check-icon{display:none}.emi-card.selected .check-icon{display:block}.emi-left{display:flex;flex-direction:column;gap:2px}.emi-tenure{font-size:16px;font-weight:700;color:#1a1a2e}.emi-interest{font-size:12px;color:#999;font-weight:400}.emi-right{text-align:right}.emi-amount{font-size:18px;font-weight:800;color:#3a2d8e}.emi-per-month{font-size:12px;color:#999}.continue-btn{display:block;width:100%;margin-top:28px;padding:16px;background:linear-gradient(135deg,#514c9f,#6f63b5);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:.2px;transition:opacity .2s}.continue-btn:active{opacity:.85}.continue-btn:disabled{opacity:.5;cursor:not-allowed}.pan-screen{display:flex;flex-direction:column;padding-top:4px}.pan-header{background:linear-gradient(135deg,#514c9f,#8d7fc4 60%,#c4a8e0);color:#fff;border-radius:20px;padding:24px 22px 20px;margin-bottom:24px}.pan-title{font-size:22px;font-weight:800;margin-bottom:4px}.pan-desc{font-size:14px;font-weight:400;opacity:.8;line-height:1.4}.pan-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #503c780f;margin-bottom:24px}.pan-input{width:100%;padding:16px;font-size:20px;font-weight:700;letter-spacing:3px;text-align:center;border:2px solid #e8e8e8;border-radius:14px;background:#faf9fc;color:#1a1a2e;outline:none;transition:border-color .2s,background .2s;font-family:inherit}.pan-input::placeholder{font-weight:400;letter-spacing:2px;color:#c0bcc8;font-size:16px}.pan-input:focus{border-color:#514c9f;background:#fff}.pan-input-error{border-color:#e74c3c}.pan-error-text{display:block;margin-top:10px;font-size:13px;color:#e74c3c}.pan-hint{display:block;margin-top:10px;font-size:12px;color:#aaa}.employment-screen{display:flex;flex-direction:column;padding-top:4px}.employment-header{background:linear-gradient(135deg,#514c9f,#8d7fc4 60%,#c4a8e0);color:#fff;border-radius:20px;padding:24px 22px 20px;margin-bottom:24px}.employment-title{font-size:22px;font-weight:800;margin-bottom:4px}.employment-desc{font-size:14px;font-weight:400;opacity:.8;line-height:1.4}.employment-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 8px #503c780f;margin-bottom:24px}.form-group{width:100%;margin-bottom:16px;text-align:left}.form-label{display:block;font-size:13px;font-weight:600;color:#444;margin-bottom:6px}.form-input,.form-select{width:100%;padding:14px 16px;font-size:15px;border:2px solid #ddd;border-radius:12px;background:#fff;color:#1a1a2e;outline:none;transition:border-color .2s;font-family:inherit;appearance:none;-webkit-appearance:none}.form-input::placeholder{color:#bbb}.form-input:focus,.form-select:focus{border-color:#514c9f}.form-input-error{border-color:#e74c3c}.form-error{display:block;margin-top:6px;font-size:12px;color:#e74c3c}.select-wrapper{position:relative}.select-wrapper:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #888;pointer-events:none}.form-select{padding-right:40px;cursor:pointer}.form-select:invalid,.form-select option[value=""]{color:#bbb}.radio-group{display:flex;gap:10px}.radio-option{flex:1;display:flex;align-items:center;gap:10px;padding:14px 16px;border:2px solid #ddd;border-radius:12px;background:#fff;font-size:15px;font-weight:600;color:#1a1a2e;cursor:pointer;transition:border-color .2s,background .2s;font-family:inherit}.radio-option:active{background:#f8f6fc}.radio-option-active{border-color:#514c9f;background:#f9f8ff}.radio-circle{width:20px;height:20px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s}.radio-option-active .radio-circle{border-color:#514c9f}.radio-circle-fill{width:10px;height:10px;border-radius:50%;background:#514c9f}.kyc-mandate-screen{padding-top:4px}.plan-summary{background:linear-gradient(135deg,#514c9f,#8d7fc4 60%,#c4a8e0);color:#fff;border-radius:20px;padding:20px 22px;margin-bottom:24px}.plan-summary-label{font-size:13px;font-weight:500;opacity:.85;margin-bottom:6px}.plan-summary-row{display:flex;align-items:baseline;justify-content:space-between}.plan-summary-tenure{font-size:22px;font-weight:800}.plan-summary-emi{font-size:18px;font-weight:700;opacity:.9}.steps-list{display:flex;flex-direction:column;gap:12px}.step-item{display:flex;align-items:center;gap:14px;width:100%;padding:16px;background:#fff;border:2px solid #e8e8e8;border-radius:16px;box-shadow:0 2px 8px #503c780f;cursor:pointer;transition:border-color .2s,background .2s;font-family:inherit;text-align:left}.step-item:active:not(:disabled){border-color:#514c9f;background:#f9f8ff}.step-item:disabled{cursor:default}.step-complete{border-color:#2ecc71;background:#f0fdf4}.step-icon-wrapper{flex-shrink:0}.step-icon{width:44px;height:44px;border-radius:12px;background:#f4f2ff;display:flex;align-items:center;justify-content:center;transition:background .2s}.step-icon-done{background:#2ecc71}.step-content{flex:1;display:flex;flex-direction:column;gap:2px}.step-title{font-size:16px;font-weight:700;color:#1a1a2e}.step-subtitle{font-size:13px;color:#999}.step-complete .step-subtitle{color:#2ecc71;font-weight:600}.step-arrow{flex-shrink:0}.step-spinner{width:20px;height:20px;border:2.5px solid #e0dce8;border-top-color:#514c9f;border-radius:50%;flex-shrink:0;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.kyc-error-banner{background:#fff0f0;border:1.5px solid #f5c6c6;border-radius:12px;padding:12px 16px;margin-bottom:14px}.kyc-error-banner p{font-size:13px;color:#c0392b;line-height:1.4}.kyc-error-banner.mandate-info{background:#e8f4fd;border-color:#b8d4f0}.kyc-error-banner.mandate-info p{color:#1a5a8a}.mandate-setup{display:flex;flex-direction:column;padding-top:4px}.mandate-back{align-self:flex-start;margin-bottom:16px;padding:8px 0;font-size:15px;font-weight:600;color:#514c9f;background:none;border:none;cursor:pointer}.mandate-intro-list{margin-bottom:24px}.mandate-intro-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:10px;background:#514c9f14;border-radius:12px;font-size:14px;color:#333}.mandate-intro-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#514c9f33;color:#514c9f;border-radius:50%;font-weight:700;font-size:14px}.mandate-hint{display:block;margin-top:6px;font-size:12px;color:#888}.mandate-ifsc-detail{margin-top:8px;padding:10px 12px;background:#e8f5e9;border-radius:10px;font-size:13px;color:#2e7d32}.mandate-consent{margin-top:16px;padding:14px;background:#f0f4ff;border:1px solid rgba(81,76,159,.2);border-radius:12px}.mandate-consent-label{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#444;cursor:pointer;line-height:1.45}.mandate-consent-label input{margin-top:2px;flex-shrink:0;accent-color:#514C9F}.mandate-secondary-btn{width:100%;margin-top:12px;padding:14px;font-size:15px;font-weight:600;color:#514c9f;background:#514c9f1a;border:2px solid #514C9F;border-radius:16px;cursor:pointer}.mandate-secondary-btn:disabled{opacity:.6;cursor:not-allowed}.mandate-methods{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.mandate-method-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;text-align:left;background:#514c9f14;border:2px solid rgba(81,76,159,.25);border-radius:16px;cursor:pointer;transition:opacity .2s}.mandate-method-btn:hover:not(:disabled){opacity:.9}.mandate-method-btn:disabled{opacity:.7;cursor:not-allowed}.mandate-method-content{display:flex;flex-direction:column;gap:4px}.mandate-method-content strong{font-size:16px;color:#514c9f}.mandate-method-desc{font-size:13px;color:#666}.mandate-arrow{font-size:18px;color:#514c9f;font-weight:700}.mandate-success{text-align:center;padding:20px 0}.mandate-success-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:#e8f5e9;color:#2e7d32;font-size:28px;font-weight:700;border-radius:50%}.face-verification{display:flex;flex-direction:column;padding-top:4px}.face-verify-instructions{margin-bottom:24px;padding:16px;background:#514c9f14;border:1px solid rgba(81,76,159,.2);border-radius:16px}.face-verify-instructions-title{font-size:15px;font-weight:600;color:#333;margin-bottom:12px}.face-verify-instructions-list{margin:0;padding-left:20px;font-size:14px;color:#444;line-height:1.8}.face-verify-camera-hint{display:flex;flex-direction:column;align-items:center;margin-top:20px}.face-verify-camera-btn{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#514c9f1f;border:none;border-radius:50%;cursor:pointer;margin-bottom:8px}.face-verify-camera-btn:disabled{opacity:.7;cursor:not-allowed}.face-verify-camera-hint-text{font-size:12px;color:#888}.face-verify-error-box{text-align:center;padding:20px 0}.face-verify-error-text{font-size:14px;color:#c0392b;margin-bottom:16px}.face-verify-camera-wrap{position:relative;margin-bottom:20px}.face-verify-video{width:100%;max-height:320px;background:#e0dce8;border-radius:16px;object-fit:cover;display:block}.face-verify-canvas{position:absolute;left:-9999px;width:0;height:0;pointer-events:none}.face-verify-capture-overlay{position:absolute;inset:0;background:#ffffffb3;border-radius:16px;pointer-events:none;animation:pulse .8s ease-in-out}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.face-verify-capture-actions{text-align:center;margin-top:16px}.face-verify-capture-btn{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;background:linear-gradient(135deg,#514c9f,#6f63b5);color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #514c9f59}.face-verify-capture-btn:disabled{opacity:.6;cursor:not-allowed}.face-verify-capture-hint{font-size:13px;color:#666;margin-bottom:12px}.face-verify-preview-wrap{margin-bottom:20px;border-radius:16px;overflow:hidden;background:#e0dce8}.face-verify-preview-img{width:100%;display:block;max-height:320px;object-fit:cover}.face-verify-preview-actions{display:flex;gap:12px;margin-top:16px}.face-verify-preview-actions .continue-btn{flex:1;margin-top:0}.face-verify-retake-btn{flex:1;padding:14px 20px;font-size:15px;font-weight:600;color:#fff;background:#e74c3c;border:none;border-radius:16px;cursor:pointer}.face-verify-retake-btn:disabled{opacity:.6;cursor:not-allowed}.face-verify-success-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:#e8f5e9;color:#2e7d32;font-size:28px;font-weight:700;border-radius:50%}
