:root{--lc-primary: #2f49df;--lc-primary-dark: #15224a;--lc-primary-glow: rgba(47, 73, 223, .15);--lc-surface: #ffffff;--lc-surface-elevated: #fafbfc;--lc-text-primary: #0f172a;--lc-text-secondary: #475569;--lc-text-muted: #94a3b8;--lc-border-light: #e2e8f0;--lc-border-medium: #cbd5e1;--lc-error: #ef4444}.login-code-page *,.login-code-page *:before,.login-code-page *:after{box-sizing:border-box}.login-code-page{font-family:Inter,Segoe UI,SF Pro Display,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--lc-text-primary);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(47,73,223,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(14,165,233,.08),transparent),linear-gradient(180deg,#f8fafc,#f1f5f9)}.login-code-page:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:100%;background:radial-gradient(circle,rgba(47,73,223,.04) 0%,transparent 70%);pointer-events:none}.login-code-page:after{content:"";position:absolute;bottom:-30%;left:-10%;width:60%;height:80%;background:radial-gradient(circle,rgba(14,165,233,.03) 0%,transparent 70%);pointer-events:none}.login-code-shell{position:relative;width:100%;max-width:460px;margin:0 auto}.login-code-card{position:relative;background:var(--lc-surface);border:1px solid var(--lc-border-light);border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px #00000005,0 4px 12px #0000000a,0 16px 40px #2f49df14;opacity:0;transform:translateY(20px);animation:loginCodeCardEnter .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes loginCodeCardEnter{to{opacity:1;transform:translateY(0)}}.login-code-card__body{padding:2.5rem}.login-code-brand{text-align:center;margin-bottom:1.5rem}.login-code-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.4rem .875rem;background:linear-gradient(135deg,var(--lc-primary-glow),rgba(14,165,233,.08));border:1px solid rgba(47,73,223,.12);border-radius:100px;color:var(--lc-primary);font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.login-code-eyebrow i{font-size:.875rem}.login-code-title{margin:0 0 .35rem;font-size:1.5rem;font-weight:700;color:var(--lc-text-primary);letter-spacing:-.025em;line-height:1.2}.login-code-title span{color:var(--lc-primary)}.login-code-subtitle{margin:0;font-size:.875rem;color:var(--lc-text-secondary);line-height:1.5}.login-code-alert{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:.875rem 1rem;border-radius:10px;background:#0ea5e914;border:1px solid rgba(14,165,233,.2);color:#0369a1;font-size:.8125rem;line-height:1.5}.login-code-alert p{margin:0}.login-code-alert i{flex-shrink:0;margin-top:.125rem}.login-code-alert--error{background:#ef444414;border-color:#ef444433;color:#b91c1c}.login-code-alert__close{margin-left:auto;padding:0;border:0;background:none;color:inherit;font-size:1.1rem;line-height:1;opacity:.5;cursor:pointer;transition:opacity .2s ease}.login-code-alert__close:hover{opacity:1}.login-code-field{margin-bottom:1rem}.login-code-label{display:block;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;color:var(--lc-text-primary);letter-spacing:.01em}.login-code-input-wrap{position:relative}.login-code-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--lc-text-muted);font-size:.9rem;pointer-events:none;transition:color .2s ease;z-index:2}.login-code-control{width:100%;padding:.75rem 1rem .75rem 2.75rem;font-family:inherit;font-size:.875rem;color:var(--lc-text-primary);background:var(--lc-surface-elevated);border:1.5px solid var(--lc-border-light);border-radius:10px;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.login-code-control::placeholder{color:var(--lc-text-muted)}.login-code-control:hover{border-color:var(--lc-border-medium)}.login-code-control:focus{background:var(--lc-surface);border-color:var(--lc-primary);box-shadow:0 0 0 4px var(--lc-primary-glow)}.login-code-input-wrap:focus-within .login-code-input-icon{color:var(--lc-primary)}.login-code-control.is-invalid{border-color:var(--lc-error)}.login-code-control--digits{padding:.75rem 1rem;text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:.45em;text-indent:.45em;font-variant-numeric:tabular-nums}.login-code-error{display:block;margin-top:.45rem;color:#b91c1c;font-size:.75rem;line-height:1.45}.login-code-submit{width:100%;min-height:46px;margin-top:.5rem;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.85rem;font-weight:700;line-height:1;color:var(--lc-primary);background:var(--hc-paper, #fff);border:1.5px solid var(--lc-primary);border-radius:10px;box-shadow:0 4px 0 var(--lc-primary);cursor:pointer;transition:transform .17s ease,box-shadow .17s ease,background-color .17s ease}.login-code-submit i{font-size:.85rem;transition:transform .17s ease}.login-code-submit:hover{background:#f9fbff;transform:translateY(-1px);box-shadow:0 5px 0 var(--lc-primary)}.login-code-submit:hover i{transform:translate(4px)}.login-code-submit:active{transform:translateY(3px);box-shadow:0 1px 0 var(--lc-primary)}.login-code-submit:focus-visible{outline:3px solid rgba(47,73,223,.17);outline-offset:3px}.login-code-submit:disabled{cursor:wait;opacity:.72}.login-code-submit .login-code-button-label{display:inline-flex;align-items:center;gap:.65rem}.login-code-submit .login-code-spinner{display:none;align-items:center;gap:.65rem}.login-code-submit.is-loading .login-code-button-label{display:none}.login-code-submit.is-loading .login-code-spinner{display:inline-flex}.login-code-resend{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--lc-border-light);text-align:center}.login-code-resend button{padding:0;border:0;background:none;color:var(--lc-primary);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:color .2s ease}.login-code-resend button:hover:not(:disabled){color:var(--lc-primary-dark);text-decoration:underline}.login-code-resend button:disabled{color:var(--lc-text-muted);cursor:not-allowed}.login-code-back{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--lc-border-light);text-align:center;font-size:.875rem;color:var(--lc-text-secondary)}.login-code-resend+.login-code-back{margin-top:.85rem;padding-top:0;border-top:0}.login-code-back a{font-weight:600;color:var(--lc-primary);text-decoration:none;transition:color .2s ease}.login-code-back a:hover{color:var(--lc-primary-dark);text-decoration:underline}.login-code-copyright{margin:1.5rem 0 0;text-align:center;font-size:.8125rem;color:var(--lc-text-muted)}@media(max-width:768px){.login-code-card__body{padding:2rem 1.5rem}.login-code-title{font-size:1.375rem}.login-code-control--digits{font-size:1.3rem;letter-spacing:.35em;text-indent:.35em}}@media(prefers-reduced-motion:reduce){.login-code-card{opacity:1;transform:none;animation:none}.login-code-submit,.login-code-submit i{transition:none}}