.code-inputs{display:flex;justify-content:center;gap:.5rem;margin:1.5rem 0}.code-input{width:65px;height:55px;text-align:center;font-size:1.5rem;font-weight:600;border-radius:1rem;border:2px solid #e9ecef;transition:border-color .2s}.code-input:focus{border-color:#f60;outline:none;box-shadow:0 0 0 .2rem #ff660026}.phone-display{font-weight:600}.timer{text-align:center;color:#6c757d;font-size:.9rem;margin-top:1rem}.resend-link{color:#f60;text-decoration:none;cursor:pointer}.resend-link:hover{text-decoration:underline}.step-indicator{display:flex;justify-content:center;margin-bottom:2rem}.step-indicator .step{width:30px;height:30px;border-radius:50%;background:#e9ecef;color:#6c757d;display:flex;align-items:center;justify-content:center;font-weight:600;margin:0 .5rem}.step-indicator .step.active{background:#f60;color:#fff}.step-indicator .step.completed{background:#28a745;color:#fff}