.code-input{display:flex;gap:8px;justify-content:center;align-items:center;width:100%}.code-input__digit{flex:1 1;min-width:36px;max-width:80px;aspect-ratio:1/1;text-align:center;font-size:24px;font-weight:600;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#000;transition:all .2s ease;outline:none}.code-input__digit:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.code-input__digit:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}@media (max-width:640px){.code-input{gap:6px}.code-input__digit{min-width:32px;max-width:60px;font-size:20px}}@media (max-width:480px){.code-input{gap:4px}.code-input__digit{min-width:28px;max-width:50px;font-size:18px}}