.otp-boxes{display:flex;gap:8px;justify-content:center}.otp-box{width:46px;height:54px;text-align:center;font-size:22px;font-weight:700;border-radius:12px;border:1.5px solid var(--otp-border);color:#0f172a;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.login-main{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,#ecfdf5,#f8fafc 60%)}.login-card-wrap{width:400px;max-width:100%}.login-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.login-logo{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:22px;letter-spacing:-.02em;background:linear-gradient(135deg,#34d399,#10b981 55%,#0d9488);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.25),0 10px 24px -10px rgba(16,185,129,.7)}.login-name{margin-top:12px;font-size:18px;font-weight:700;color:#0f172a}.login-card{background:#fff;border:1px solid #eef1f5;border-radius:18px;padding:28px;box-shadow:0 24px 60px -24px rgba(15,23,42,.18)}.login-title{font-size:20px;font-weight:700;margin:0;color:#0f172a}.login-subtitle{margin-top:6px;font-size:13.5px;color:#64748b;line-height:1.5}.login-form{margin-top:20px;display:grid;gap:12px}.login-form-code{margin-top:20px;display:grid;gap:14px}.login-input{width:100%;padding:12px 14px;border-radius:12px;font-size:15px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;outline:none;transition:border-color .15s,box-shadow .15s}.login-error{color:#dc2626;font-size:13px}.login-error-center{text-align:center}.login-btn{padding:12px 14px;border-radius:12px;font-size:15px;color:#fff;background:linear-gradient(135deg,#34d399,#10b981 55%,#0d9488);border:none;box-shadow:0 8px 20px -8px rgba(16,185,129,.6)}.login-btn,.login-demo-btn{width:100%;font-weight:600;cursor:pointer}.login-demo-btn{padding:11px 14px;border-radius:12px;font-size:14px;color:#0f766e;background:#ecfdf5;border:1px solid #a7f3d0}.login-link-btn{background:none;border:none;color:#64748b;font-size:13px;cursor:pointer;padding:4px}.login-footnote{margin-top:16px;text-align:center;font-size:12px;color:#94a3b8}.login-notice{margin-bottom:14px;padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.5;color:#92400e;background:#fffbeb;border:1px solid #fde68a}