.sg-shell{background:#f7f7f7;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.sg-shell-top{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;border-bottom:1px solid #073f8d14;justify-content:space-between;align-items:center;width:100%;padding:14px clamp(16px,4vw,40px);display:flex;position:relative}.sg-shell-top img{height:30px;display:block}.sg-shell-secure{color:var(--login-primary);background:var(--login-primary-tint-sm);border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.sg-shell-main{z-index:2;flex:1;justify-content:center;align-items:center;width:100%;padding:28px 16px;display:flex;position:relative}.sg-shell-foot{z-index:2;text-align:center;color:var(--text3);padding:14px 16px 18px;font-size:12px;position:relative}.sg-card{border-radius:var(--rxl);background:#fff;border:1px solid #073f8d1a;width:100%;max-width:400px;padding:34px 32px 26px;animation:.35s cubic-bezier(.2,.8,.2,1) both sg-rise;position:relative;overflow:hidden;box-shadow:0 18px 48px #021b3d24,0 4px 10px #021b3d0d}.sg-card:before{content:"";background:linear-gradient(90deg, var(--login-primary-deep), var(--login-primary), #2f7de1);height:5px;position:absolute;inset:0 0 auto}.sg-card-wide{max-width:600px}@keyframes sg-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.sg-center{text-align:center}.sg-badge{color:#fff;background:linear-gradient(135deg, var(--login-primary), var(--login-primary-deep));letter-spacing:1px;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 16px;font-size:26px;font-weight:800;display:flex;position:relative;box-shadow:0 8px 22px #073f8d59}.sg-badge:after{content:"";border:2px solid var(--login-primary-tint-25);border-radius:50%;animation:2.6s ease-out infinite sg-pulse;position:absolute;inset:-7px}@keyframes sg-pulse{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.18)}}.sg-badge-sm{flex-shrink:0;width:52px;height:52px;margin:0;font-size:0}.sg-badge-sm:after{display:none}.sg-badge-lock{width:26px;height:26px;color:var(--login-primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 8px #021b3d40}.sg-title{letter-spacing:-.4px;color:var(--login-primary-dark);margin:0 0 4px;font-size:1.55rem;font-weight:800}.sg-sub{color:var(--text3);margin:0;font-size:14px;line-height:1.5}.sg-name{color:var(--text2);font-size:15px;font-weight:700}.sg-clock{color:var(--text3);letter-spacing:.4px;margin-top:2px;font-size:12px;font-weight:600}.sg-clock:first-letter{text-transform:uppercase}.sg-otp{justify-content:center;gap:9px;margin:22px 0 6px;display:flex;position:relative}.sg-otp-box{border:1.5px solid var(--border);width:46px;height:56px;color:var(--login-primary-dark);background:#fff;border-radius:10px;justify-content:center;align-items:center;font-family:DM Mono,monospace;font-size:24px;font-weight:700;transition:border-color .15s,box-shadow .15s,background .15s,transform .15s;display:flex}.sg-otp-box.is-filled{border-color:var(--login-primary-tint-25);background:#f4f8fe}.sg-otp-box.is-active{border-color:var(--login-primary);transform:translateY(-1px);box-shadow:0 0 0 3px #073f8d1f}.sg-otp-box.is-active:not(.is-filled):after{content:"";background:var(--login-primary);width:2px;height:24px;animation:1s step-end infinite sg-caret}@keyframes sg-caret{50%{opacity:0}}.sg-otp-box .sg-dot{background:var(--login-primary);border-radius:50%;width:12px;height:12px}.sg-otp.is-error .sg-otp-box{border-color:var(--red);background:var(--red-bg);animation:.4s sg-shake}@keyframes sg-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.sg-otp.is-disabled{opacity:.55}.sg-otp-input{opacity:0;cursor:text;background:0 0;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.sg-field-label+.sg-otp{margin-top:10px}.sg-otp-sm .sg-otp-box{width:40px;height:48px;font-size:20px}.sg-otp-sm{gap:7px;margin:8px 0 4px}.sg-otp-left{justify-content:flex-start}.sg-btn{border-radius:var(--r);background:var(--login-primary);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;padding:.85rem;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2;transition:all .18s;display:inline-flex}.sg-btn:hover:not(:disabled){background:var(--login-primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px #00396e4d}.sg-btn:disabled{opacity:.55;cursor:not-allowed}.sg-btn-auto{width:auto;margin-top:0;padding:.7rem 1.4rem}.sg-btn-ghost{color:var(--text2);border:1.5px solid var(--border);background:0 0}.sg-btn-ghost:hover:not(:disabled){background:var(--surface2);box-shadow:none;color:var(--login-primary);transform:none}.sg-link{cursor:pointer;color:var(--login-primary);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.sg-link:hover{text-decoration:underline}.sg-link-muted{color:var(--text3);font-weight:500}.sg-foot-row{border-top:1px solid #073f8d14;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.sg-hint{color:var(--text3);text-align:center;margin-top:12px;font-size:12px;line-height:1.5}.sg-err{background:var(--red-bg);color:var(--red);border-radius:var(--r);text-align:left;border:1px solid #fbc8c8;align-items:flex-start;gap:8px;margin:10px 0 0;padding:.7rem .9rem;font-size:13px;display:flex}.sg-warn{border-radius:var(--r);color:#7a5200;background:#fff8e8;border:1px solid #f3d38a;border-left:4px solid #f59e0b;align-items:flex-start;gap:10px;padding:.8rem .95rem;font-size:13px;line-height:1.5;display:flex}.sg-steps{align-items:center;margin:4px 0 22px;display:flex}.sg-step{color:var(--text3);white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:flex}.sg-step-n{border:2px solid var(--border2);width:26px;height:26px;color:var(--text3);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:all .2s;display:flex}.sg-step.is-now{color:var(--login-primary-dark)}.sg-step.is-now .sg-step-n{border-color:var(--login-primary);background:var(--login-primary);color:#fff;box-shadow:0 0 0 4px var(--login-primary-tint-sm)}.sg-step.is-done{color:var(--login-primary)}.sg-step.is-done .sg-step-n{border-color:var(--login-primary);background:var(--login-primary-tint-sm);color:var(--login-primary)}.sg-step-line{background:var(--border);border-radius:2px;flex:1;min-width:14px;height:2px;margin:0 10px}.sg-step-line.is-done{background:var(--login-primary)}.sg-h3{color:var(--login-primary-dark);letter-spacing:-.2px;margin:0 0 4px;font-size:1.15rem;font-weight:800}.sg-p{color:var(--text2);margin:0 0 14px;font-size:13.5px;line-height:1.55}.sg-qr-row{flex-wrap:wrap;align-items:center;gap:22px;margin:6px 0 4px;display:flex}.sg-qr-list{flex-direction:column;gap:10px;margin:0 0 6px;padding:0;list-style:none;display:flex}.sg-qr-list li{color:var(--text2);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;display:flex}.sg-qr-list b{background:var(--login-primary-tint-sm);height:22px;color:var(--login-primary);border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;font-size:12px;display:flex}.sg-qr{background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:196px;height:196px;padding:10px;display:flex;position:relative;box-shadow:0 6px 20px #021b3d1f}.sg-qr img{width:100%;height:100%;display:block}.sg-qr i{border:3px solid var(--login-primary);width:22px;height:22px;position:absolute}.sg-qr i:first-of-type{border-bottom:0;border-right:0;border-top-left-radius:14px;top:-2px;left:-2px}.sg-qr i:nth-of-type(2){border-bottom:0;border-left:0;border-top-right-radius:14px;top:-2px;right:-2px}.sg-qr i:nth-of-type(3){border-top:0;border-right:0;border-bottom-left-radius:14px;bottom:-2px;left:-2px}.sg-qr i:nth-of-type(4){border-top:0;border-left:0;border-bottom-right-radius:14px;bottom:-2px;right:-2px}.sg-qr-wait{color:var(--text3);font-size:12px}.sg-secret{background:var(--surface2);border:1px dashed var(--border2);word-break:break-all;-webkit-user-select:all;user-select:all;color:var(--text);border-radius:8px;margin-top:6px;padding:8px 10px;font-family:DM Mono,monospace;font-size:12.5px}.sg-field-label{color:var(--text2);margin:16px 0 0;font-size:13px;font-weight:600;display:block}.sg-codes{border:1px solid var(--login-primary-tint-25);background:linear-gradient(135deg,#f4f8fe,#eaf1fb);border-radius:12px;grid-template-columns:repeat(2,1fr);gap:8px;padding:14px;display:grid}.sg-code{color:var(--login-primary-dark);letter-spacing:.5px;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-family:DM Mono,monospace;font-size:14.5px;font-weight:500;display:flex}.sg-code small{color:var(--text3);text-align:right;width:14px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700}.sg-check{cursor:pointer;color:var(--text2);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;display:flex}.sg-check input{width:16px;height:16px;accent-color:var(--login-primary);margin-top:3px}.sg-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sg-sec{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:flex-start;gap:14px;padding:16px;transition:border-color .15s,box-shadow .15s;display:flex}.sg-sec:hover{border-color:var(--login-primary-tint-25);box-shadow:var(--shadow-sm)}.sg-sec-ico{background:var(--login-primary-tint-sm);width:44px;height:44px;color:var(--login-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sg-sec.is-on .sg-sec-ico{color:#0b8a58;background:#e8f8f0}.sg-sec-body{flex:1;min-width:0}.sg-sec-head{color:var(--login-primary-dark);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;font-size:15px;display:flex}.sg-sec-desc{color:var(--text2);margin:0 0 12px;font-size:13px;line-height:1.5}.sg-pill{border-radius:99px;padding:2px 10px;font-size:11.5px;font-weight:700}.sg-pill.ok{color:#0b8a58;background:#e8f8f0}.sg-pill.off{color:#a15c07;background:#fdf1d9}.sg-btn-sm{width:auto;margin:0;padding:.5rem 1rem;font-size:13px}.sg-grace{z-index:9000;background:#fff;border:1px solid #073f8d1f;border-radius:14px;gap:12px;width:min(340px,100vw - 32px);padding:14px;animation:.35s both sg-rise;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 12px 32px #021b3d33}.sg-grace b{color:var(--login-primary-dark);margin-bottom:2px;font-size:14px;display:block}.sg-grace p{color:var(--text2);margin:0 0 10px;font-size:12.5px;line-height:1.45}@media (width<=480px){.sg-card{padding:28px 20px 22px}.sg-otp-box{width:40px;height:50px;font-size:21px}.sg-otp{gap:6px}.sg-qr{margin:0 auto}.sg-step span.sg-step-t{display:none}.sg-step.is-now span.sg-step-t{display:inline}}@media (prefers-reduced-motion:reduce){.sg-card,.sg-grace,.sg-badge:after,.sg-otp-box.is-active:not(.is-filled):after,.sg-otp.is-error .sg-otp-box{animation:none}}