.code-input-group{justify-content:center;gap:.5rem;margin:1.75rem 0;display:flex}.code-digit{text-align:center;border:2px solid var(--border-subtle);width:52px;height:60px;font-size:1.75rem;font-weight:700;font-family:var(--font-body);color:var(--text-primary);caret-color:#0000;background:#fff;border-radius:.75rem;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.code-digit:focus{border-color:var(--brand-deep-blue);box-shadow:0 0 0 3px #173d471a}.code-digit.filled{background:color-mix(in srgb, var(--brand-deep-blue) 5%, white);border-color:color-mix(in srgb, var(--brand-deep-blue) 35%, transparent)}.code-digit.error{border-color:var(--error);background:var(--surface-error-soft);animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (max-width:768px){.code-digit{width:46px;height:54px;font-size:1.5rem}}@media (max-width:480px){.code-input-group{gap:.375rem}.code-digit{width:42px;height:50px;font-size:1.375rem}}