:root{--otp-gap: 6px;--otp-cell-min: 32px;--otp-cell-max: 60px;--otp-transition: .18s cubic-bezier(.4, 0, .2, 1);--otp-accent: #03a9f4;--otp-accent-glow: rgba(3, 169, 244, .18);--otp-error: #f44336;--otp-error-glow: rgba(244, 67, 54, .18);--otp-success: #8bc34a;--otp-success-glow: rgba(139, 195, 74, .18)}.otp-root{display:inline-flex;flex-direction:column;align-items:center;gap:8px;box-sizing:border-box}.otp-cells{display:inline-flex;align-items:stretch;gap:var(--otp-gap);box-sizing:border-box}.otp-cell{position:relative;width:44px;height:44px;flex-shrink:0;box-sizing:border-box;overflow:visible;animation:otp-cell-enter .26s ease both;animation-delay:var(--delay, 0ms);transition:transform var(--otp-transition),box-shadow var(--otp-transition)}.otp-cell--focused{transform:translateY(-1px);z-index:1;box-shadow:0 0 0 3px var(--otp-accent-glow)}.otp-root--error .otp-cell,.otp-cell--error{box-shadow:0 0 0 3px var(--otp-error-glow)!important;transform:none!important}.otp-root--success .otp-cell{box-shadow:0 0 0 3px var(--otp-success-glow)}.otp-cell--locked{pointer-events:none;opacity:.55}.otp-cell .dx-textbox,.otp-cell .dx-texteditor{width:100%!important;height:100%!important}.otp-cell .dx-texteditor-input-container{height:100%!important}.otp-cell .dx-texteditor-input{text-align:center!important;caret-color:transparent!important;font-size:clamp(14px,3.5vw,20px)!important;font-weight:600!important;padding:0!important;line-height:1!important}.otp-cell .dx-placeholder{text-align:center!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}@keyframes otp-cell-enter{0%{opacity:0;transform:translateY(5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.otp-cell--shake{animation:otp-shake .4s cubic-bezier(.36,.07,.19,.97) both!important}@keyframes otp-shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}to{transform:translate(0)}}.otp-root--loading .otp-cell{animation:otp-cell-pulse 1.4s ease-in-out infinite!important}.otp-root--loading .otp-cell:nth-child(2){animation-delay:.1s!important}.otp-root--loading .otp-cell:nth-child(3){animation-delay:.2s!important}.otp-root--loading .otp-cell:nth-child(4){animation-delay:.3s!important}.otp-root--loading .otp-cell:nth-child(5){animation-delay:.4s!important}.otp-root--loading .otp-cell:nth-child(6){animation-delay:.5s!important}@keyframes otp-cell-pulse{0%,to{opacity:.55}50%{opacity:1}}.otp-root--success .otp-cell{animation:otp-cell-pop .38s cubic-bezier(.34,1.56,.64,1) both!important}.otp-root--success .otp-cell:nth-child(1){animation-delay:0ms!important}.otp-root--success .otp-cell:nth-child(2){animation-delay:35ms!important}.otp-root--success .otp-cell:nth-child(3){animation-delay:70ms!important}.otp-root--success .otp-cell:nth-child(4){animation-delay:105ms!important}.otp-root--success .otp-cell:nth-child(5){animation-delay:.14s!important}.otp-root--success .otp-cell:nth-child(6){animation-delay:175ms!important}@keyframes otp-cell-pop{0%{transform:scale(1)}55%{transform:scale(1.08)}to{transform:scale(1)}}.otp-cell__cursor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.5px;height:36%;background:var(--otp-accent);border-radius:1px;animation:otp-cursor-blink 1.1s step-end infinite;pointer-events:none;z-index:2}@keyframes otp-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.otp-cell__bar{position:absolute;bottom:0;left:12%;right:12%;height:2px;border-radius:1px;background:var(--otp-accent);transform:scaleX(0);transition:transform var(--otp-transition);transform-origin:center;pointer-events:none;z-index:2}.otp-cell--focused .otp-cell__bar{transform:scaleX(1)}.otp-root--error .otp-cell .otp-cell__bar{background:var(--otp-error);transform:scaleX(1)}.otp-root--success .otp-cell .otp-cell__bar{background:var(--otp-success);transform:scaleX(1)}.otp-mask-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center;width:30px;height:30px;margin-left:2px;padding:0;border:1px solid rgba(0,0,0,.15);border-radius:4px;background:transparent;color:inherit;opacity:.55;cursor:pointer;transition:opacity var(--otp-transition)}.otp-mask-toggle:hover{opacity:1}.otp-mask-toggle:focus-visible{outline:2px solid var(--otp-accent);outline-offset:2px}.otp-progress{width:100%;height:2px;background:#0000001a;border-radius:2px;overflow:hidden}.otp-progress__bar{height:100%;background:var(--otp-accent);border-radius:2px;transition:width .22s ease}.otp-root--success .otp-progress__bar{background:var(--otp-success);width:100%!important}.otp-root--error .otp-progress__bar{background:var(--otp-error)}.otp-status{min-height:18px;font-size:12px;font-weight:500;text-align:center;letter-spacing:.01em}.otp-status__loading,.otp-status__success,.otp-status__error{display:inline-flex;align-items:center;gap:5px;animation:otp-status-in .18s ease}@keyframes otp-status-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.otp-status__loading{color:#00000073}.otp-status__success{color:var(--otp-success)}.otp-status__error{color:var(--otp-error)}.otp-spinner{animation:otp-spin .75s linear infinite;flex-shrink:0}@keyframes otp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 280px){:root{--otp-gap: 4px;--otp-cell-min: 26px}}.single-card .dx-card{width:360px;margin:auto;padding:25px;flex-grow:0}.screen-x-small .single-card .dx-card{width:100%;height:100%;border-radius:0;box-shadow:none;margin:0;border:0;flex-grow:1}.single-card .dx-card .header{margin-top:15px;margin-bottom:15px}.single-card .dx-card .header .title{color:#000000de;line-height:28px;font-weight:500;font-size:24px;text-align:center}.single-card .dx-card .header .description{color:#0000009b;line-height:18px}.single-card .link{text-align:center;font-size:16px;font-style:normal}.single-card .link a{text-decoration:none}.single-card .form-text{margin:10px 0;color:#0000009b}