:root{--ink:#1a1d1f;--ink-soft:#5a6068;--paper:#fafaf9;--line:#e2e4e1;--accent:#2f5d50;--accent-soft:#e8efec;--danger:#a13d2e;--radius:6px}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}main{max-width:480px;margin:0 auto;padding:48px 20px}h1{margin:0 0 8px;font-size:22px}p.lede{color:var(--ink-soft);margin:0 0 28px;font-size:14px}form{flex-direction:column;gap:14px;display:flex}label{flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}input,select{border:1px solid var(--line);border-radius:var(--radius);padding:9px 11px;font-family:inherit;font-size:14px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{cursor:pointer;border-radius:var(--radius);background:var(--accent);color:#fff;border:none;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600}button:disabled{opacity:.5;cursor:default}button.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.error{color:var(--danger);border-radius:var(--radius);background:#fbeae7;border:1px solid #f0c9c1;padding:10px 12px;font-size:13px}.success{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius);border:1px solid #cfe0d9;padding:10px 12px;font-size:13px}.card{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:16px;padding:20px}.field-row{gap:10px;display:flex}.field-row>label{flex:1}nav{border-bottom:1px solid var(--line);gap:16px;padding:16px 20px;font-size:13px;display:flex}nav a{color:var(--ink-soft);text-decoration:none}nav a:hover{color:var(--ink)}.step-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.step-list li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.step-list li:last-child{border-bottom:none}.badge{text-transform:uppercase;letter-spacing:.02em;border-radius:100px;padding:2px 8px;font-size:11px;font-weight:700}.badge.done{background:var(--accent-soft);color:var(--accent)}.badge.pending{color:var(--ink-soft);background:#f1f1ef}:root{--step-primary:var(--brand-primary,#4a90e2);--step-primary-dark:var(--brand-primary-dark,#357abd);--step-text-dark:#2c3e50;--step-text-light:#7f8c8d;--step-bg-light:#f8f9fa;--step-bg-white:#fff;--step-border:#e1e8ed;--step-error:#a13d2e;--step-success:#27ae60;--step-shadow:0 2px 8px #0000001a;--step-shadow-lg:0 4px 16px #00000026;--step-radius:12px;--step-transition:all .2s ease}.step-page-wrap{background:var(--step-bg-light);width:100vw;min-height:100vh;margin:0 calc(50% - 50vw);padding:40px 20px}.step-container{grid-template-columns:1fr 340px;align-items:start;gap:28px;max-width:1160px;margin:0 auto;display:grid}.step-main-content{flex-direction:column;gap:24px;min-width:0;display:flex}@media (max-width:968px){.step-container{grid-template-columns:1fr;max-width:600px}.loan-summary-sidebar{order:-1}}.progress-bar{justify-content:space-between;display:flex;position:relative}.progress-bar:before{content:"";background:var(--step-border);z-index:0;height:2px;position:absolute;top:19px;left:0;right:0}.progress-step{z-index:1;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-number{background:var(--step-border);width:38px;height:38px;color:var(--step-text-light);transition:var(--step-transition);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.progress-step.active .step-number{background:var(--step-primary);color:#fff;box-shadow:0 4px 12px #4a90e259}.progress-step.completed .step-number{background:var(--step-success);color:#fff}.step-label{color:var(--step-text-light);text-align:center;font-size:11px;font-weight:500}.progress-step.active .step-label{color:var(--step-text-dark);font-weight:700}@media (max-width:620px){.step-label{display:none}}.form-container{background:var(--step-bg-white);border-radius:var(--step-radius);box-shadow:var(--step-shadow-lg);padding:36px}.form-title{color:var(--step-text-dark);text-align:center;margin:0 0 6px;font-size:26px;font-weight:700}.form-subtitle{color:var(--step-text-light);text-align:center;margin:0 0 28px;font-size:15px}.step-form{flex-direction:column;gap:18px;display:flex}.form-field{flex-direction:column;display:flex}.field-label{color:var(--step-text-dark);margin-bottom:6px;font-size:13px;font-weight:600}.field-input{border:2px solid var(--step-border);width:100%;transition:var(--step-transition);background:var(--step-bg-white);color:var(--step-text-dark);border-radius:8px;padding:13px 15px;font-family:inherit;font-size:15px}.field-input:focus{border-color:var(--step-primary);outline:none;box-shadow:0 0 0 3px #4a90e21f}.field-hint{color:var(--step-text-light);margin-top:4px;font-size:12px}.field-error{color:var(--step-error);margin-top:4px;font-size:12px}.checkbox-group{flex-direction:column;gap:8px;display:flex}.checkbox-label{cursor:pointer;color:var(--step-text-dark);flex-direction:row;align-items:flex-start;gap:10px;font-size:13px;font-weight:400;line-height:1.5;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--step-primary);flex-shrink:0;margin-top:2px}.checkbox-label a{color:var(--step-primary);text-decoration:underline}.form-actions{gap:14px;margin-top:8px;display:flex}.btn-primary{background:var(--step-primary);color:#fff;border-radius:var(--step-radius);cursor:pointer;transition:var(--step-transition);border:none;flex:1;padding:15px 28px;font-size:15px;font-weight:700}.btn-primary:hover:not(:disabled){background:var(--step-primary-dark);box-shadow:var(--step-shadow);transform:translateY(-1px)}.btn-primary:disabled{background:var(--step-text-light);cursor:not-allowed;transform:none}.btn-secondary{color:var(--step-text-dark);border:2px solid var(--step-border);border-radius:var(--step-radius);cursor:pointer;transition:var(--step-transition);background:0 0;flex:1;padding:15px 28px;font-size:15px;font-weight:700}.btn-secondary:hover{border-color:var(--step-text-dark);background:var(--step-bg-light)}.loan-summary-sidebar{background:var(--step-bg-white);border-radius:var(--step-radius);box-shadow:var(--step-shadow);padding:22px;position:sticky;top:20px}.loan-summary-sidebar h3{color:var(--step-text-dark);border-bottom:2px solid var(--step-border);margin:0 0 16px;padding-bottom:12px;font-size:17px;font-weight:700}.summary-content{flex-direction:column;gap:10px;display:flex}.summary-row{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:6px;padding:6px 0;display:flex}.summary-row:last-child{border-bottom:none}.summary-row-main{justify-content:space-between;align-items:center;display:flex}.summary-label{color:var(--step-text-light);font-size:13px;font-weight:500}.summary-value{color:var(--step-text-dark);text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.summary-row.summary-total{border-top:2px solid var(--step-primary);margin-top:6px;padding-top:14px}.summary-row.summary-total .summary-label{color:var(--step-text-dark);font-size:15px;font-weight:700}.summary-row.summary-total .summary-value{color:var(--step-primary);font-size:17px;font-weight:700}.summary-slider{background:var(--step-border);appearance:none;width:100%;height:6px;accent-color:var(--step-primary);border-radius:3px;outline:none;margin-top:4px}.summary-slider::-webkit-slider-thumb{appearance:none;background:var(--step-primary);cursor:pointer;border-radius:50%;width:18px;height:18px}.code-inputs-container{justify-content:center;gap:10px;margin:20px 0;display:flex}.code-digit{text-align:center;border:2px solid var(--step-border);width:48px;height:56px;transition:var(--step-transition);border-radius:8px;font-size:22px;font-weight:700}.code-digit:focus{border-color:var(--step-primary);outline:none;box-shadow:0 0 0 3px #4a90e21f}.info-text{text-align:center;color:var(--step-text-dark);font-size:14px}.info-text-small{text-align:center;color:var(--step-text-light);font-size:12px}.phone-display{text-align:center;color:var(--step-text-dark);margin:0 0 20px;font-size:20px;font-weight:700}.send-code-container,.verify-actions{justify-content:center;display:flex}.btn-centered{max-width:280px}.resend-container{text-align:center;margin-top:14px}.btn-link{color:var(--step-primary);cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:underline}.btn-link:disabled{color:var(--step-text-light);cursor:not-allowed;text-decoration:none}.loan-info-card{background:var(--step-bg-light);border-radius:10px;margin-top:4px;padding:18px 20px}.loan-info-card h4{color:var(--step-text-dark);margin:0 0 12px;font-size:14px}.loan-info-item{border-bottom:1px solid var(--step-border);color:var(--step-text-dark);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.loan-info-item:last-child{border-bottom:none}@media (max-width:768px){.form-container{padding:22px}.form-title{font-size:21px}}