.opt-auth{--opt-a-ink:#0f172a;--opt-a-muted:#94a3b8;--opt-a-label:#334155;--opt-a-line:#e2e8f0;--opt-a-link:#3b82f6;--opt-a-teal:#02d0d1;--opt-a-red:#e9262a;background:#fff;min-height:100vh}.opt-auth a{color:inherit;text-decoration:none}.opt-auth__stage{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.opt-auth__brand{color:#fff;background:#0b1220;min-height:100vh;position:relative;overflow:hidden}.opt-auth__brand-slide{opacity:0;transition:opacity .7s;position:absolute;inset:0}.opt-auth__brand-slide.is-active{opacity:1}.opt-auth__brand-cover{object-fit:cover;width:100%;height:100%;display:block}.opt-auth__brand-shade{pointer-events:none;z-index:1;background:linear-gradient(#0003 0%,#00000040 55%,#000000b8 100%);position:absolute;inset:0}.opt-auth__brand-logo{z-index:2;position:absolute;top:1.75rem;left:1.75rem}.opt-auth__brand-logo img{filter:brightness(0)invert();width:auto;height:34px;display:block}.opt-auth__brand-footer{z-index:2;max-width:28rem;padding:2.5rem 2rem 2.25rem;position:absolute;bottom:0;left:0;right:0}.opt-auth__brand-title{font-family:var(--opt-font-display);letter-spacing:-.03em;color:#fff;margin:0 0 .65rem;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800;line-height:1.1}.opt-auth__brand-lead{font-family:var(--opt-font-sans);color:#ffffffd1;margin:0 0 1.35rem;font-size:.98rem;font-weight:500;line-height:1.5}.opt-auth__dots{align-items:center;gap:.45rem;display:flex}.opt-auth__dot{cursor:pointer;background:#fff6;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .2s,background .2s}.opt-auth__dot.is-active{background:#fff;width:28px}.opt-auth__panel{background:#fff;flex-direction:column;min-height:100vh;display:flex;position:relative}.opt-auth__panel-top{justify-content:flex-end;align-items:center;gap:.65rem;padding:1.35rem 1.75rem 0;display:flex}.opt-auth a.opt-auth__badge,.opt-auth__badge,.opt-auth a.opt-auth__cta-sub{box-sizing:border-box;min-height:37px;font-family:var(--opt-font-sans);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1.15rem;font-size:.82rem;font-weight:700;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.opt-auth a.opt-auth__badge,.opt-auth__badge{color:#fff;background:#0f172a;border-color:#0f172a}.opt-auth a.opt-auth__badge:hover{color:#fff;background:#1e293b;border-color:#1e293b}.opt-auth a.opt-auth__cta-sub{color:#000;background:#02d0d1;border-color:#02d0d1}.opt-auth a.opt-auth__cta-sub:hover{color:#000;background:#01b8b9;border-color:#01b8b9}.opt-auth__panel-inner{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:420px;margin:0 auto;padding:1.5rem 1.75rem 2.5rem;display:flex}.opt-auth__header{text-align:center;margin-bottom:1.85rem}.opt-auth__title{font-family:var(--opt-font-display);letter-spacing:-.03em;color:var(--opt-a-ink);margin:0 0 .4rem;font-size:clamp(1.55rem,2.4vw,1.95rem);font-weight:800;line-height:1.2}.opt-auth__subtitle{font-family:var(--opt-font-sans);color:var(--opt-a-muted);margin:0;font-size:.95rem;font-weight:500}.opt-auth__footer{text-align:center;font-family:var(--opt-font-sans);color:var(--opt-a-muted);margin:1.75rem 0 0;font-size:.9rem;font-weight:500}.opt-auth__footer a{color:var(--opt-a-link);font-weight:700}.opt-auth__footer a:hover{text-decoration:underline}.opt-auth .auth-field{margin-bottom:1.1rem}.opt-auth .auth-done-lead{margin:0 0 1.35rem}.opt-auth .auth-otp{grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;display:grid}.opt-auth .auth-otp__cell{aspect-ratio:1;box-sizing:border-box;border:1px solid var(--opt-a-line);text-align:center;width:100%;max-height:52px;font-family:var(--opt-font-sans);font-variant-numeric:tabular-nums;color:var(--opt-a-ink);background:#fff;border-radius:10px;outline:none;font-size:1.25rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.opt-auth .auth-otp__cell:focus{border-color:#94a3b8;box-shadow:0 0 0 3px #0f172a0f}.opt-auth .auth-otp.is-invalid .auth-otp__cell{border-color:#fca5a5}.opt-auth .auth-otp__cell:disabled{opacity:.65;cursor:not-allowed}.opt-auth .auth-resend{text-align:center;font-family:var(--opt-font-sans);color:var(--opt-a-muted);margin:1.1rem 0 0;font-size:.85rem}.opt-auth .auth-resend__btn{color:var(--opt-a-ink);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.opt-auth .auth-resend__btn:hover{color:var(--opt-a-teal)}.opt-auth .auth-resend__btn:disabled{opacity:.55;cursor:not-allowed}.opt-auth .auth-field label{font-family:var(--opt-font-sans);color:var(--opt-a-label);margin-bottom:.45rem;font-size:.88rem;font-weight:600;display:block}.opt-auth .auth-input-wrap{border:1px solid var(--opt-a-line);background:#fff;border-radius:10px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.opt-auth .auth-input-wrap:focus-within{border-color:#94a3b8;box-shadow:0 0 0 3px #0f172a0f}.opt-auth .auth-input-wrap .form-control,.opt-auth .auth-input-wrap input{min-width:0;font-family:var(--opt-font-sans);color:var(--opt-a-ink);border-radius:10px;flex:auto;height:auto;padding:.9rem 1rem;font-size:.95rem;font-weight:500;box-shadow:none!important;background:0 0!important;border:0!important;outline:none!important}.opt-auth .auth-input-wrap input::placeholder{color:#cbd5e1}.opt-auth .auth-input-wrap--password input{padding-right:2.75rem}.opt-auth .auth-reveal{color:#94a3b8;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:.35rem;display:inline-flex;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.opt-auth .auth-reveal:hover{color:var(--opt-a-ink)}.opt-auth .auth-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:.15rem 0 1.35rem;display:flex}.opt-auth .auth-check{cursor:pointer;align-items:center;gap:.45rem;margin:0;line-height:1;display:inline-flex}.opt-auth .auth-check input{width:15px;height:15px;accent-color:var(--opt-a-ink);margin:0}.opt-auth .auth-check__text{font-family:var(--opt-font-sans);color:var(--opt-a-label);font-size:.85rem;font-weight:500;line-height:1}.opt-auth label.auth-toggle{cursor:pointer;vertical-align:middle;gap:.65rem;padding:0;line-height:1;flex-direction:row!important;align-items:flex-start!important;margin:0!important;display:inline-flex!important}.opt-auth .auth-row label.auth-toggle{align-items:center!important}.opt-auth .auth-toggle__control{flex:0 0 40px;width:40px;height:22px;margin-top:0;display:block;position:relative}.opt-auth .auth-row .auth-toggle__control,.opt-auth .auth-field .auth-toggle__control{margin-top:0}.opt-auth .auth-toggle__input{z-index:2;opacity:0;cursor:pointer;inset:0;width:100%!important;height:100%!important;margin:0!important;padding:0!important;position:absolute!important}.opt-auth .auth-toggle__track{pointer-events:none;background:#cbd5e1;border-radius:999px;transition:background .2s;display:block;position:absolute;inset:0}.opt-auth .auth-toggle__track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0f172a40}.opt-auth .auth-toggle__input:checked+.auth-toggle__track{background:var(--opt-a-teal)}.opt-auth .auth-toggle__input:checked+.auth-toggle__track:after{transform:translate(18px)}.opt-auth .auth-toggle__input:focus-visible+.auth-toggle__track{outline:2px solid var(--opt-a-teal);outline-offset:2px}.opt-auth .auth-toggle__text{font-family:var(--opt-font-sans);color:var(--opt-a-label);font-size:.85rem;font-weight:500;line-height:22px;display:block}.opt-auth .auth-toggle__text a{color:var(--opt-a-ink);text-underline-offset:2px;font-weight:700;text-decoration:underline}.opt-auth .auth-toggle__text a:hover{color:var(--opt-a-teal)}.opt-auth .auth-row>a{font-family:var(--opt-font-sans);color:var(--opt-a-muted);font-size:.85rem;font-weight:600}.opt-auth .auth-row>a:hover{color:var(--opt-a-link)}.opt-auth .auth-submit{color:#fff;width:100%;font-family:var(--opt-font-sans);cursor:pointer;box-shadow:none;background:#0f172a;border:0;border-radius:10px;justify-content:center;align-items:center;padding:.95rem 1.25rem;font-size:.95rem;font-weight:700;transition:background .15s,box-shadow .2s;display:inline-flex}.opt-auth .auth-submit:hover:not(:disabled){background:#1e293b;transform:none;box-shadow:0 2px 8px #0f172a1f}.opt-auth .auth-submit:focus,.opt-auth .auth-submit:active,.opt-auth .auth-submit:focus:active{outline:none;box-shadow:0 2px 8px #0f172a1f}.opt-auth .auth-submit:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.opt-auth .auth-error,.opt-auth .text-danger{font-family:var(--opt-font-sans);margin:0 0 .75rem;font-size:.82rem;font-weight:600;color:var(--opt-a-red)!important}.opt-auth .auth-field .auth-error{margin:.35rem 0 0}.opt-auth-google{margin-top:1.35rem}.opt-auth-google__divider{color:var(--opt-a-muted);font-family:var(--opt-font-sans);align-items:center;gap:.75rem;margin:0 0 1.1rem;font-size:.8rem;font-weight:600;display:flex}.opt-auth-google__divider:before,.opt-auth-google__divider:after{content:"";background:var(--opt-a-line);flex:1;height:1px}.opt-auth-google__shell{border:1px solid var(--opt-a-line);background:#fff;border-radius:10px;width:100%;min-height:48px;transition:border-color .15s,box-shadow .15s,background .15s;position:relative;overflow:hidden}.opt-auth-google__shell:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 1px 2px #0f172a0a}.opt-auth-google__shell.is-loading{opacity:.7;pointer-events:none}.opt-auth-google__face{min-height:48px;font-family:var(--opt-font-sans);color:var(--opt-a-ink);pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.7rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;display:flex}.opt-auth-google__mark{flex-shrink:0}.opt-auth-google__overlay{opacity:.011;cursor:pointer;position:absolute;inset:0;overflow:hidden}.opt-auth-google__overlay>div,.opt-auth-google__overlay iframe{width:100%!important;max-width:none!important;height:100%!important}.opt-auth-google__overlay div[role=button],.opt-auth-google__overlay .S9gUrf-YoZ4jf{width:100%!important;height:48px!important}@media (max-width:899px){.opt-auth__stage{grid-template-columns:1fr}.opt-auth__brand{min-height:38vh}.opt-auth__brand-footer{padding:1.5rem 1.25rem 1.35rem}.opt-auth__brand-title{font-size:1.55rem}.opt-auth__panel{min-height:0}.opt-auth__panel-inner{padding-top:.5rem}}
