.webauth-page[data-v-f4a82fb2]{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1b2138,#2a3a5c 40%,#1a3668);position:relative;overflow-x:hidden;width:100%;box-sizing:border-box;padding:16px}.webauth-bg[data-v-f4a82fb2]{position:fixed;inset:0;z-index:0;pointer-events:none}.bg-circle[data-v-f4a82fb2]{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.03)}.bg-circle-1[data-v-f4a82fb2]{width:500px;height:500px;top:-150px;right:-100px}.bg-circle-2[data-v-f4a82fb2]{width:300px;height:300px;bottom:-80px;left:-60px}.bg-circle-3[data-v-f4a82fb2]{width:200px;height:200px;bottom:30%;right:15%;background:rgba(64,158,255,.06)}.webauth-card[data-v-f4a82fb2]{position:relative;z-index:1;width:420px;max-width:100%;padding:40px 40px 32px;background:var(--bg-card);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.08);box-sizing:border-box}.webauth-footer[data-v-f4a82fb2]{margin-top:18px;padding-top:14px;border-top:1px solid var(--border-color-light);text-align:center;font-size:12px;color:var(--text-secondary);line-height:1.6}.webauth-header[data-v-f4a82fb2]{text-align:center;margin-bottom:32px}.brand-icon-wrap[data-v-f4a82fb2]{width:56px;height:56px;margin:0 auto 14px;border-radius:14px;background:transparent;display:flex;align-items:center;justify-content:center;box-shadow:none}.brand-icon-wrap i[data-v-f4a82fb2]{font-size:26px;color:var(--text-inverse)}.brand-logo-img[data-v-f4a82fb2]{width:48px;height:48px;-o-object-fit:contain;object-fit:contain}.brand-name[data-v-f4a82fb2]{margin:0;font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:1px}.brand-desc[data-v-f4a82fb2]{margin:6px 0 0;font-size:13px;color:var(--text-secondary)}.step-body[data-v-f4a82fb2]{min-height:80px}.step-desc[data-v-f4a82fb2]{text-align:center;font-size:13px;color:var(--text-secondary);margin-bottom:20px}.group-grid[data-v-f4a82fb2]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;max-height:300px;overflow-y:auto;padding:2px}.group-card[data-v-f4a82fb2]{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px 14px;border:2px solid var(--border-color-light);border-radius:12px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--bg-card);animation:cardIn-f4a82fb2 .4s ease-out both}.group-card[data-v-f4a82fb2]:hover{border-color:var(--color-primary-light);background:var(--color-primary-bg);transform:translateY(-2px);box-shadow:0 6px 20px rgba(64,158,255,.1)}.group-card.active[data-v-f4a82fb2]{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-bg),var(--color-primary-bg));transform:translateY(-2px);box-shadow:0 6px 24px rgba(64,158,255,.18)}.group-card-icon[data-v-f4a82fb2]{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .25s}.group-card-icon i[data-v-f4a82fb2]{font-size:22px;color:var(--text-inverse)}.group-card.active .group-card-icon[data-v-f4a82fb2]{transform:scale(1.08);box-shadow:0 4px 12px rgba(64,158,255,.3)}.group-card-icon.icon-0[data-v-f4a82fb2]{background:linear-gradient(135deg,var(--color-primary),#66b1ff)}.group-card-icon.icon-1[data-v-f4a82fb2]{background:linear-gradient(135deg,var(--color-success),#85ce61)}.group-card-icon.icon-2[data-v-f4a82fb2]{background:linear-gradient(135deg,var(--color-warning),#ebb563)}.group-card-icon.icon-3[data-v-f4a82fb2]{background:linear-gradient(135deg,var(--color-danger),#f89898)}.group-card-icon.icon-4[data-v-f4a82fb2]{background:linear-gradient(135deg,#6366f1,#818cf8)}.group-card-body[data-v-f4a82fb2]{display:flex;flex-direction:column;align-items:center;gap:2px}.group-card-name[data-v-f4a82fb2]{font-size:14px;font-weight:600;color:var(--text-primary);text-align:center;word-break:break-all;line-height:1.3}.group-card.active .group-card-name[data-v-f4a82fb2]{color:var(--color-primary)}.group-card-hint[data-v-f4a82fb2]{font-size:11px;color:var(--text-placeholder)}.group-card.active .group-card-hint[data-v-f4a82fb2]{color:var(--color-primary);opacity:.7}.group-card-check[data-v-f4a82fb2]{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(64,158,255,.35);animation:popIn-f4a82fb2 .3s cubic-bezier(.4,0,.2,1)}.group-card-check i[data-v-f4a82fb2]{font-size:12px;color:var(--text-inverse);font-weight:700}@keyframes cardIn-f4a82fb2{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn-f4a82fb2{0%{transform:scale(0)}to{transform:scale(1)}}.auth-form[data-v-f4a82fb2]{margin-bottom:8px}.auth-form[data-v-f4a82fb2] .el-input__inner{height:44px;line-height:44px;font-size:14px;padding-left:40px}.auth-form[data-v-f4a82fb2] .el-input__prefix{left:12px}.auth-form[data-v-f4a82fb2] .el-input__prefix i{font-size:18px;color:var(--text-secondary)}.otp-header[data-v-f4a82fb2]{text-align:center;margin-bottom:24px}.otp-icon[data-v-f4a82fb2]{font-size:48px;color:var(--color-primary);margin-bottom:12px}.otp-title[data-v-f4a82fb2]{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px 0}.otp-desc[data-v-f4a82fb2]{font-size:13px;color:var(--text-secondary);margin:0}.otp-input[data-v-f4a82fb2] .el-input__inner{height:48px;line-height:48px;font-size:20px;text-align:center;letter-spacing:8px;padding-left:40px}.phone-input[data-v-f4a82fb2] .el-input__inner{height:48px;line-height:48px;font-size:20px;text-align:center;letter-spacing:2px}.sms-resend-wrap[data-v-f4a82fb2]{text-align:center;margin-top:12px}.sms-resend-link[data-v-f4a82fb2]{font-size:13px;color:var(--color-primary);cursor:pointer;text-decoration:none}.sms-resend-link[data-v-f4a82fb2]:hover{color:#66b1ff}.sms-resend-disabled[data-v-f4a82fb2]{color:var(--text-placeholder);cursor:not-allowed}.step-actions[data-v-f4a82fb2]{margin-top:20px}.btn-full[data-v-f4a82fb2]{width:100%;height:44px;font-size:15px;letter-spacing:4px;font-weight:600}.done-box[data-v-f4a82fb2]{text-align:center}.done-icon[data-v-f4a82fb2]{font-size:56px;color:var(--color-success);margin-bottom:14px}.done-text[data-v-f4a82fb2]{font-size:20px;color:var(--text-primary);font-weight:600;margin-bottom:6px}.done-sub[data-v-f4a82fb2]{font-size:13px;color:var(--text-secondary);margin-bottom:24px}.step-error[data-v-f4a82fb2]{margin-top:16px;padding:10px 14px;background:var(--danger-bg);border:1px solid #fde2e2;border-radius:6px;color:var(--color-danger);font-size:13px;display:flex;align-items:center;gap:8px}.step-error i[data-v-f4a82fb2]{font-size:16px;flex-shrink:0}.step-loading[data-v-f4a82fb2]{margin-top:16px;text-align:center;color:var(--text-secondary);font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px}.step-loading i[data-v-f4a82fb2]{animation:el-rotate-f4a82fb2 2s linear infinite}@keyframes el-rotate-f4a82fb2{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.webauth-page[data-v-f4a82fb2]{padding:0;align-items:stretch}.webauth-card[data-v-f4a82fb2]{width:100%;max-width:100%;border-radius:0;padding:28px 20px 24px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;box-shadow:none;position:relative}.theme-toggle-fixed[data-v-f4a82fb2]{position:absolute;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--text-secondary)}.theme-toggle-fixed[data-v-f4a82fb2]:hover{background:var(--bg-hover);color:var(--color-primary)}.webauth-header[data-v-f4a82fb2]{margin-bottom:24px}.brand-icon-wrap[data-v-f4a82fb2]{width:52px;height:52px;border-radius:12px}.brand-icon-wrap i[data-v-f4a82fb2]{font-size:22px}.brand-name[data-v-f4a82fb2]{font-size:20px}.group-grid[data-v-f4a82fb2]{grid-template-columns:1fr;gap:8px;max-height:none}.group-card[data-v-f4a82fb2]{flex-direction:row;padding:14px 16px;gap:12px}.group-card-body[data-v-f4a82fb2]{flex-direction:row;align-items:center;flex:1;justify-content:space-between}.group-card-hint[data-v-f4a82fb2]{display:none}.auth-form[data-v-f4a82fb2] .el-input__inner{height:48px;line-height:48px;font-size:16px}.btn-full[data-v-f4a82fb2]{height:48px;font-size:16px}}.theme-toggle-fixed{position:fixed;top:20px;right:20px;z-index:100;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:hsla(0,0%,100%,.8);font-size:18px;transition:all var(--transition-fast)}.theme-toggle-fixed:hover{background:hsla(0,0%,100%,.2);color:var(--text-inverse)}html.dark .webauth-card{background:var(--bg-card)!important;box-shadow:0 20px 60px rgba(0,0,0,.5)!important}html.dark .webauth-card .el-input__inner{background:var(--bg-hover)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}html.dark .webauth-card .el-input__inner::-moz-placeholder{color:var(--text-placeholder)!important}html.dark .webauth-card .el-input__inner::placeholder{color:var(--text-placeholder)!important}html.dark .brand-name,html.dark .group-card-name,html.dark .otp-title,html.dark .step-desc,html.dark .success-title{color:var(--text-primary)!important}html.dark .brand-desc,html.dark .group-card-desc,html.dark .otp-desc,html.dark .step-hint,html.dark .success-desc{color:var(--text-secondary)!important}html.dark .group-card{background:var(--bg-hover)!important;border-color:var(--border-color-light)!important}html.dark .group-card.active,html.dark .group-card:hover{border-color:var(--color-primary)!important;background:var(--color-primary-bg)!important}html.dark .otp-input .el-input__inner{background:var(--bg-hover)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}html.dark .webauth-card .el-button--default{background:var(--bg-card)!important;color:var(--text-regular)!important;border-color:var(--border-color)!important}