.op-auth{--c-blue:#0096c8;--c-blue-deep:#006b96;--c-blue-tint:#e6f4fa;--c-navy:#1e4e6e;--c-navy-deep:#0e3247;--c-navy-tint:#e2eef5;--c-ink:#0f1722;--c-ink-2:#2a3340;--c-muted:#6b7385;--c-line:#e6e9ef;--c-line-2:#f0f2f6;--c-bg:#fff;--c-bg-soft:#f7f8fb;--c-bg-warm:#fafaf7;--c-danger:#c8364c;--f-sans:"Inter", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-md:10px;--shadow-lift:0 1px 2px #0f17220f, 0 12px 32px -10px #0f17222e, 0 36px 70px -28px #0f172247;background:var(--c-bg);color:var(--c-ink);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;line-height:1.55}.op-auth *{box-sizing:border-box}.op-auth a{color:var(--c-blue-deep);text-decoration:none;transition:color .15s}.op-auth a:hover{color:var(--c-ink)}.op-auth button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.op-auth input{font-family:inherit}.op-auth .auth-shell{isolation:isolate;align-items:stretch;min-height:100vh;display:grid;position:relative}.op-auth .auth-shell.split{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.op-auth .auth-bg{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.op-auth .auth-bg:before,.op-auth .auth-bg:after{content:"";filter:blur(56px);border-radius:50%;position:absolute}.op-auth .auth-bg:before{background:radial-gradient(closest-side,#0096c82e,#0000 70%);width:540px;height:540px;top:-180px;right:-160px}.op-auth .auth-bg:after{background:radial-gradient(closest-side,#1e4e6e29,#0000 70%);width:480px;height:480px;bottom:-160px;left:-120px}.op-auth .auth-panel{justify-content:center;align-items:center;padding:56px 32px;display:flex}.op-auth .auth-card{flex-direction:column;gap:24px;width:100%;max-width:460px;display:flex}.op-auth .eyebrow{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c-blue-deep);border:1px solid var(--c-line);background:#ffffffb3;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:inline-flex}.op-auth .eyebrow:before{content:"";background:var(--c-navy);border-radius:50%;width:6px;height:6px}.op-auth .auth-title{letter-spacing:-.022em;text-wrap:balance;font-size:clamp(30px,3.2vw,40px);font-weight:600;line-height:1.1}.op-auth .auth-title .grad{background:linear-gradient(135deg, var(--c-blue) 0%, var(--c-navy) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.op-auth .auth-lead{color:var(--c-ink-2);text-wrap:pretty;max-width:50ch;font-size:16px}.op-auth .field{flex-direction:column;gap:6px;min-width:0;display:flex}.op-auth .field label{color:var(--c-ink-2);font-size:13px;font-weight:500}.op-auth .field .hint{color:var(--c-muted);font-size:12px}.op-auth .field input{border:1px solid var(--c-line);border-radius:var(--r-md);width:100%;color:var(--c-ink);background:#fff;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.op-auth .field input::placeholder{color:var(--c-muted)}.op-auth .field input:hover{border-color:var(--c-ink-2)}.op-auth .field input:focus{border-color:var(--c-blue);outline:none;box-shadow:0 0 0 4px #0096c824}.op-auth .field .input-with-icon{position:relative}.op-auth .field .pwd-toggle{width:32px;height:32px;color:var(--c-muted);border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.op-auth .field .pwd-toggle:hover{background:var(--c-bg-soft);color:var(--c-ink)}.op-auth .field input.code-input{text-align:center;font-family:var(--f-mono);letter-spacing:.3em;font-size:24px}.op-auth .check{color:var(--c-ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13.5px;display:flex}.op-auth .check input{opacity:0;pointer-events:none;position:absolute}.op-auth .check .box{border:1.5px solid var(--c-line);background:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s,border-color .15s;display:inline-flex}.op-auth .check .box svg{opacity:0;color:#fff;transition:opacity .15s,transform .15s;transform:scale(.8)}.op-auth .check input:checked+.box{background:var(--c-blue);border-color:var(--c-blue)}.op-auth .check input:checked+.box svg{opacity:1;transform:scale(1)}.op-auth .btn{border-radius:var(--r-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:15px;font-weight:500;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex}.op-auth .btn:disabled{opacity:.6;cursor:not-allowed}.op-auth .btn:active:not(:disabled){transform:translateY(1px)}.op-auth .btn-primary{background:linear-gradient(135deg, var(--c-blue) 0%, var(--c-navy) 100%);color:#fff;box-shadow:0 6px 20px #006b9633}.op-auth .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 30px #006b964d}.op-auth .btn-apple{color:#fff;background:#000;box-shadow:0 6px 20px #00000029}.op-auth .btn-apple:hover:not(:disabled){background:#161617;transform:translateY(-1px)}.op-auth .btn-ghost{color:var(--c-ink);border:1px solid var(--c-line);background:0 0}.op-auth .btn-ghost:hover:not(:disabled){background:var(--c-bg-soft);border-color:var(--c-ink-2)}.op-auth .btn-link{color:var(--c-blue-deep);padding:0;font-size:14px}.op-auth .btn-link:hover{color:var(--c-ink)}.op-auth .btn-block{width:100%}.op-auth .or-line{color:var(--c-muted);font-size:12px;font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;display:flex}.op-auth .or-line:before,.op-auth .or-line:after{content:"";background:var(--c-line);flex:1;height:1px}.op-auth .auth-foot{color:var(--c-ink-2);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding-top:8px;font-size:14px;display:flex}.op-auth .auth-foot a{font-weight:500}.op-auth .row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.op-auth .alert{border-radius:var(--r-md);padding:12px 14px;font-size:14px;line-height:1.5}.op-auth .alert-error{color:#98293c;background:#fceaed;border:1px solid #f3c6ce}.op-auth .alert-success{color:#1d6b3a;background:#e6f6ec;border:1px solid #bfe6cd}.op-auth .alert a{color:inherit;text-decoration:underline}.op-auth .brand-panel{color:#fff;background:linear-gradient(135deg,#052431 0%,#0e3247 60%,#1e4e6e 100%);flex-direction:column;justify-content:space-between;gap:48px;min-height:100%;padding:64px 56px;display:flex;position:relative;overflow:hidden}.op-auth .brand-panel:before{content:"";pointer-events:none;mix-blend-mode:screen;background:radial-gradient(600px 320px at 80% 10%,#0096c859,#0000 60%),radial-gradient(500px 280px at 10% 90%,#1e4e6e66,#0000 60%);position:absolute;inset:0}.op-auth .brand-panel>*{z-index:1;position:relative}.op-auth .bp-top{align-items:center;gap:12px;display:flex}.op-auth .bp-top .bp-name{letter-spacing:-.01em;font-size:18px;font-weight:600}.op-auth .bp-top .bp-name em{color:#ffffffa6;margin-left:4px;font-style:normal;font-weight:400}.op-auth .bp-mid h2{letter-spacing:-.022em;text-wrap:balance;margin-bottom:16px;font-size:clamp(28px,2.6vw,38px);font-weight:600;line-height:1.15}.op-auth .bp-mid p{color:#ffffffc7;max-width:44ch;font-size:16px;line-height:1.55}.op-auth .bp-features{flex-direction:column;gap:16px;display:flex}.op-auth .bp-feature{grid-template-columns:32px 1fr;align-items:start;gap:14px;display:grid}.op-auth .bp-feature .ic{color:#b5dbed;background:#ffffff1a;border:1px solid #ffffff24;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.op-auth .bp-feature h4{letter-spacing:-.01em;margin-bottom:2px;font-size:15px;font-weight:600}.op-auth .bp-feature p{color:#ffffffb8;font-size:13.5px;line-height:1.5}.op-auth .bp-foot{font-family:var(--f-mono);color:#ffffffa6;letter-spacing:.04em;border-top:1px solid #ffffff24;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;font-size:12px;display:flex}@media (max-width:900px){.op-auth .auth-shell.split{grid-template-columns:1fr}.op-auth .brand-panel{display:none}.op-auth .auth-panel{padding:40px 20px}}.op-auth .auth-single{isolation:isolate;place-items:center;min-height:100vh;padding:48px 20px;display:grid;position:relative}.op-auth .cardbox{border:1px solid var(--c-line);width:100%;max-width:540px;box-shadow:var(--shadow-lift);background:#fff;border-radius:20px;flex-direction:column;gap:20px;padding:36px 32px;display:flex}.op-auth .auth-head{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.op-auth .status-badge{color:var(--c-navy);background:var(--c-navy-tint);border:1px solid #1e4e6e2e;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.op-auth .step-title{letter-spacing:-.018em;font-size:22px;font-weight:600;line-height:1.2}.op-auth .step-sub{color:var(--c-ink-2);font-size:14.5px;line-height:1.55}.op-auth .step-sub strong{color:var(--c-ink);font-weight:600}.op-auth .info-box{border:1px solid var(--c-line);background:var(--c-bg-soft);border-radius:var(--r-md);padding:14px 16px;font-size:14px}.op-auth .info-box ol{color:var(--c-ink-2);flex-direction:column;gap:4px;margin:8px 0 0;padding-left:20px;display:flex}.op-auth .warn-box{border-radius:var(--r-md);color:#7a5a14;background:#fcf6e6;border:1px solid #f0d69a;padding:12px 14px;font-size:13px}.op-auth .warn-box strong{color:#5e4410}.op-auth .qr-box{border:1px solid var(--c-line);border-radius:var(--r-md);background:#fff;justify-content:center;padding:18px;display:flex}.op-auth .qr-box svg,.op-auth .qr-box img{width:220px;height:220px}.op-auth details.secret{border:1px solid var(--c-line);border-radius:var(--r-md);color:var(--c-ink-2);padding:12px 14px;font-size:13.5px}.op-auth details.secret summary{cursor:pointer;color:var(--c-ink);font-weight:500}.op-auth .secret-code{font-family:var(--f-mono);word-break:break-all;background:var(--c-bg-soft);color:var(--c-navy-deep);border-radius:6px;margin-top:8px;padding:8px 10px;font-size:12px;display:block}.op-auth .codes-area{background:var(--c-bg-warm);border-radius:var(--r-md);border:2px dashed #0096c866;padding:16px}.op-auth .codes-head{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--c-blue-deep);justify-content:space-between;margin-bottom:12px;font-size:11px;display:flex}.op-auth .codes-grid{font-family:var(--f-mono);grid-template-columns:1fr 1fr;gap:8px;font-size:13.5px;display:grid}.op-auth .code-item{border:1px solid var(--c-line);background:#fff;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;display:flex}.op-auth .code-item .n{color:var(--c-blue-deep)}.op-auth .code-item .v{letter-spacing:.12em;color:var(--c-ink)}.op-auth .btn-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:560px){.op-auth .btn-row,.op-auth .codes-grid{grid-template-columns:1fr}}.op-auth .spin{animation:1s linear infinite opspin}@keyframes opspin{to{transform:rotate(360deg)}}@media print{body *{visibility:hidden!important}#backup-codes-print-area,#backup-codes-print-area *{visibility:visible!important}#backup-codes-print-area{top:0;left:0;color:#000!important;background:#fff!important;width:100%!important;position:absolute!important}}.op-auth .bp-logo{background:#fffffff2;border-radius:12px;width:44px;height:44px;padding:6px;box-shadow:0 4px 14px #0000002e}.op-auth .head-logo{width:56px;height:56px}.op-auth .form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:560px){.op-auth .form-grid{grid-template-columns:1fr}}.op-auth .select-card{border:1px solid var(--c-line);text-align:left;background:#fff;border-radius:14px;align-items:center;gap:16px;width:100%;padding:16px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.op-auth .select-card:hover:not(.muted){border-color:var(--c-blue);transform:translateY(-1px);box-shadow:0 10px 28px -12px #006b9640}.op-auth .select-card .ic{background:var(--c-blue-tint);width:48px;height:48px;color:var(--c-blue-deep);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.op-auth .select-card .ic.orange{color:#b5651d;background:#fceedd}.op-auth .select-card .ic.slate{background:var(--c-bg-soft);color:var(--c-muted)}.op-auth .select-card.muted{opacity:.65}.op-auth .select-card h4{color:var(--c-ink);font-size:15px;font-weight:600}.op-auth .select-card p{color:var(--c-muted);margin-top:2px;font-size:12.5px;line-height:1.45}.op-auth .search-wrap{position:relative}.op-auth .search-ic{color:var(--c-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.op-auth .search-spin{color:var(--c-muted);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.op-auth .search-dropdown{z-index:50;border:1px solid var(--c-line);width:100%;box-shadow:var(--shadow-lift);background:#fff;border-radius:12px;max-height:280px;margin-top:4px;position:absolute;overflow:hidden auto}.op-auth .search-result{text-align:left;border-bottom:1px solid var(--c-line-2);width:100%;padding:12px 14px;transition:background .12s;display:block}.op-auth .search-result:last-child{border-bottom:0}.op-auth .search-result:hover:not(.disabled){background:var(--c-bg-soft)}.op-auth .search-result.disabled{opacity:.5;cursor:not-allowed}.op-auth .search-manual{text-align:left;width:100%;color:var(--c-blue-deep);border-top:1px solid var(--c-line);padding:11px 14px;font-size:14px;font-weight:500;display:block}.op-auth .search-manual:hover{background:var(--c-bg-soft)}.op-auth .tag{border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600}.op-auth .tag-known{background:var(--c-blue-tint);color:var(--c-blue-deep)}.op-auth .tag-warn{color:#8a6d1a;background:#fcf1dc}.op-auth .selected-company{background:#e6f6ec;border:1px solid #bfe6cd;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.op-auth .selected-company .nm{color:#1d6b3a;font-size:14px;font-weight:600}.op-auth .selected-company .ad{color:#2f7d4d;margin-top:2px;font-size:12px}.op-auth .coupon-ok{color:#1d6b3a}.op-auth .coupon-bad{color:var(--c-danger)}.op-auth .bp-steps{flex-direction:column;gap:12px;display:flex}.op-auth .bp-step{align-items:center;gap:12px;display:flex}.op-auth .bp-step .num{color:#ffffff8c;background:#ffffff1f;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:grid}.op-auth .bp-step.active .num,.op-auth .bp-step.done .num{background:var(--c-blue);color:#fff;box-shadow:0 4px 14px #0096c866}.op-auth .bp-step .lbl{color:#ffffff80;font-size:14px}.op-auth .bp-step.active .lbl,.op-auth .bp-step.done .lbl{color:#fff}.op-auth .bp-benefit{color:#fffc;align-items:center;gap:12px;font-size:13.5px;display:flex}.op-auth .bp-benefit .bi{color:#9be8bd;background:#78dca029;border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}