/*! Cenovel public demo. © 2026 Cenovel. All rights reserved. Use is subject to the terms at https://cenovel.com/terms/. */
.login-gate{isolation:isolate;background:var(--sx-canvas);height:100dvh;min-height:100dvh;color:var(--sx-text);padding-left:clamp(24px,5vw,88px);display:flex;position:relative;overflow:auto}.login-geometry{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}:root:not(.dark):not([data-theme=dark]) .login-geometry{background:radial-gradient(80vmax 50vmax at 15% 0%, var(--sx-field-sheen), transparent 70%), linear-gradient(160deg, var(--sx-field-top), var(--sx-field-foot))}.login-geometry svg{width:100%;height:100%}.login-geometry.is-paused *{animation-play-state:paused}.login-panel{border-inline:1px solid var(--sx-border);background:var(--sx-surface);flex-direction:column;flex:0 0 clamp(390px,32vw,470px);min-height:100%;padding:28px 48px;display:flex;box-shadow:0 0 48px #00000014}.login-panel-main{width:100%;margin-block:0 auto;padding-block:clamp(72px,14vh,144px) 48px}.login-brand{flex-direction:column;align-items:center;gap:14px;margin-bottom:64px;display:flex}.login-brand-lockup{align-items:center;gap:12px;display:flex}.login-brand .cenovel-wordmark{letter-spacing:.14em;font-size:24px}.login-brand small{text-align:center;color:var(--sx-text-muted);font-size:var(--sx-fs-1);overflow-wrap:anywhere}.login-panel h1{font-size:var(--sx-fs-6);font-weight:var(--sx-fw-strong);letter-spacing:-.025em;margin:0 0 8px}.login-intro{color:var(--sx-text-muted);font-size:var(--sx-fs-3);margin:0 0 28px;line-height:1.6}.login-panel form{gap:20px;display:grid}.login-panel form .field{gap:8px;margin:0}.login-panel .input{background:var(--sx-surface);width:100%;min-height:44px!important;padding:10px 12px!important}#root .login-panel .btn{justify-content:center;min-height:44px!important}.login-panel form .btn{margin-top:4px}.login-panel-footer{color:var(--sx-text-muted);font-size:var(--sx-fs-1);text-align:center;padding-block:20px 8px;line-height:1.65}.login-panel-footer p{margin:0}@media (prefers-reduced-motion:reduce){.login-geometry *{animation:none!important}.login-panel-footer .login-motion-toggle{display:none}}@media (width<=760px){.login-gate{justify-content:center;padding:0}.login-panel{border:0;flex-basis:100%;max-width:480px;padding:24px 32px}.login-panel-main{padding-block:40px}.login-brand{margin-bottom:40px}}@media (height<=700px){.login-panel-main{padding-block:32px}.login-brand{margin-bottom:32px}}.login-panel .field>label{letter-spacing:normal;font-size:var(--sx-fs-2);font-weight:600}:root:is(.dark,[data-theme=dark]) .login-panel{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sx-surface:#20242c;--sx-surface-soft:#282e38;--sx-border:#3d4653;--sx-border-strong:#7c899b;--sx-accent:#8ab4ff;--sx-accent-hover:#a5c5ff;--sx-accent-soft:#243854;--sx-on-accent:#111c30;color:var(--sx-text)}:root:not(.dark):not([data-theme=dark]) :is(.login-panel,.demo-login-note){border-color:var(--sx-signin-panel-edge);background:var(--sx-signin-panel);box-shadow:var(--sx-signin-panel-shadow);-webkit-backdrop-filter:blur(18px)saturate(110%);backdrop-filter:blur(18px)saturate(110%)}@media (prefers-reduced-transparency:reduce){:root:not(.dark):not([data-theme=dark]) :is(.login-panel,.demo-login-note){background:var(--sx-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}.login-methods{gap:0;display:grid}.login-or{color:var(--sx-text-muted);font-size:var(--sx-fs-1);align-items:center;gap:8px;margin-block:12px;display:flex}.login-or>span[aria-hidden=true]{background:var(--sx-border);flex:1;height:1px}.login-error{color:var(--sx-danger);font-size:var(--sx-fs-2);margin:0;line-height:1.5}.login-step-loading{color:var(--sx-text-muted);font-size:var(--sx-fs-2)}.login-step{gap:16px;display:grid}.login-step h2{font-size:var(--sx-fs-4);margin:0;font-weight:600}.login-step p{color:var(--sx-text-muted);font-size:var(--sx-fs-2);margin:0;line-height:1.6}.login-qr{border-radius:var(--sx-radius-sm);background:var(--sx-text);justify-self:center;width:184px;height:184px;padding:8px}:root:not(.dark):not([data-theme=dark]) .login-qr{border:1px solid var(--sx-border);background:var(--sx-surface)}:root:not(.dark):not([data-theme=dark]) .login-qr path{fill:var(--sx-text)}.login-qr svg{width:100%;height:100%;display:block}.login-key{font-family:var(--sx-mono);font-size:var(--sx-fs-2);letter-spacing:.06em;overflow-wrap:anywhere;color:var(--sx-text)}.login-codes{border:1px solid var(--sx-border);border-radius:var(--sx-radius-sm);font-family:var(--sx-mono);font-size:var(--sx-fs-2);grid-template-columns:repeat(2,1fr);gap:6px 16px;margin:0;padding:12px 16px;list-style:none;display:grid}