body{-webkit-font-smoothing:antialiased;background:#0f1117;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}*,:before,:after{box-sizing:border-box}body{color:#e2e8f0;background:#0f1117;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;align-items:center;min-height:100vh;padding:0 16px 16px;display:flex}.form-header{text-align:center;width:100%;max-width:560px;padding:16px 0 12px}.form-header h1{color:#f1f5f9;letter-spacing:-.3px;margin:0 0 10px;font-size:1.4rem;font-weight:700}.progress-bar{background:#1e2336;border-radius:99px;height:6px;margin-bottom:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4f6ef7,#7b93ff);border-radius:99px;height:100%;transition:width .35s}.step-label{color:#64748b;font-size:.78rem;font-weight:500}.form-body{background:#161b27;border:1px solid #1e2a3a;border-radius:16px;width:100%;max-width:560px;padding:20px 28px;box-shadow:0 4px 32px #0006}.page-content h2{color:#f1f5f9;margin:0 0 8px;font-size:1.45rem;font-weight:700}.subtitle{color:#64748b;margin:0 0 20px;font-size:.9rem}.field-group{margin-top:14px}.field-label{color:#e2e8f0;margin:0 0 6px;font-size:.9rem;font-weight:500}input[type=text],input[type=tel]{color:#e2e8f0;background:#0f1117;border:1.5px solid #1e2a3a;border-radius:10px;outline:none;width:100%;margin-top:0;padding:9px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s;display:block}input:focus{background:#0d111c;border-color:#4f6ef7;box-shadow:0 0 0 3px #4f6ef726}input::placeholder{color:#374151}.nav-buttons{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.btn-back{color:#94a3b8;cursor:pointer;background:#0f1117;border:1.5px solid #1e2a3a;border-radius:10px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .15s}.btn-back:hover{color:#e2e8f0;background:#161b27;border-color:#2d3a5c}.btn-next{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f6ef7,#7b93ff);border:none;border-radius:10px;margin-left:auto;padding:12px 28px;font-size:.95rem;font-weight:600;transition:opacity .15s,transform .1s;box-shadow:0 4px 16px #4f6ef759}.btn-next:hover{opacity:.9;transform:translateY(-1px)}.btn-next:active{transform:translateY(0)}.btn-submit{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 4px 16px #10b98159}.error-msg{color:#f87171;margin:12px 0 0;font-size:.85rem;font-weight:500}.confirmation{text-align:center;padding:20px 0}.check-icon{color:#fff;background:linear-gradient(135deg,#4f6ef7,#7b93ff);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;font-size:2rem;display:flex;box-shadow:0 6px 24px #4f6ef766}.confirmation h2{color:#f1f5f9;margin:0 0 12px;font-size:1.5rem}.confirmation p{color:#64748b;margin:0 0 24px;line-height:1.6}.confirmation-detail{color:#64748b;background:#0f1117;border:1px solid #1e2a3a;border-radius:10px;flex-direction:column;gap:4px;padding:16px;font-size:.9rem;display:flex}.confirmation-detail strong{color:#e2e8f0;font-size:1rem}.page-title-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.page-title-row h2{margin:0}.vendor-toggle-btn{color:#94a3b8;cursor:pointer;background:#0f1117;border:1.5px solid #1e2a3a;border-radius:8px;padding:7px 16px;font-size:.85rem;font-weight:600;transition:all .15s}.vendor-toggle-btn:hover{color:#e2e8f0;border-color:#2d3a5c}.vendor-toggle-btn--active{color:#7b93ff;background:#4f6ef71f;border-color:#4f6ef7}.phone-display{letter-spacing:2px;color:#e2e8f0;background:#0f1117;border:1.5px solid #1e2a3a;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:40px;margin-top:0;padding:8px 14px;font-size:1.1rem;display:flex}.phone-placeholder{color:#374151;letter-spacing:normal;font-size:1rem}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.keypad-btn{color:#e2e8f0;cursor:pointer;background:#0f1117;border:1.5px solid #1e2a3a;border-radius:10px;padding:12px;font-size:1.1rem;font-weight:600;transition:all .15s}.keypad-btn:hover{background:#161b27;border-color:#2d3a5c}.keypad-btn:active{transform:scale(.95)}.keypad-bottom{justify-content:center;gap:8px;margin-top:8px;display:flex}.keypad-bottom .keypad-btn{flex:0 0 calc(33.3333% - 6.66667px)}.vendor-question{margin-top:18px}.vendor-question p{color:#e2e8f0;margin:0 0 8px;font-size:.95rem;font-weight:500}.vendor-hint{color:#64748b;font-size:.85rem;font-weight:400}.vendor-options{gap:12px;display:flex}.vendor-btn{color:#94a3b8;cursor:pointer;background:#0f1117;border:1.5px solid #1e2a3a;border-radius:10px;flex:1;padding:11px;font-size:.95rem;font-weight:600;transition:all .15s}.vendor-btn:hover{color:#e2e8f0;border-color:#2d3a5c}.vendor-btn--active{color:#7b93ff;background:#4f6ef71f;border-color:#4f6ef7}@media (width<=600px){.form-body{padding:16px}}