.sgn{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,1fr);background:var(--bg-app);color:var(--fg-primary)}
.sgn-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:40px 48px;border-right:1px solid var(--border-base);background:var(--bg-sidebar);overflow:hidden}
.sgn-brand::after{content:"";position:absolute;inset:auto -20% -40% auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,#2E75B6 18%,transparent),transparent);pointer-events:none}
.sgn-logo{display:flex;align-items:center;gap:10px}
.sgn-glyph{width:34px!important;height:34px!important;border-radius:9px!important}
.sgn-word{font-size:20px;font-weight:600;letter-spacing:-.01em}.sgn-word b{font-weight:800}
.sgn-pitch{max-width:520px;position:relative;z-index:1}
.sgn-pitch h1{margin:0 0 14px;font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.015em;text-wrap:balance}
.sgn-pitch p{margin:0;font-size:14px;line-height:1.6;color:var(--fg-secondary);max-width:440px}
.sgn-facts{display:flex;gap:32px;position:relative;z-index:1}
.sgn-facts div{display:flex;flex-direction:column;gap:3px}.sgn-facts span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted)}.sgn-facts b{font-size:12.5px;font-weight:500}
.sgn-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px 24px}
.sgn-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;padding:28px;background:var(--bg-card);border:1px solid var(--border-base);border-radius:12px}
.sgn-card h2{margin:0;font-size:20px;font-weight:700}
.sgn-sub{margin:-6px 0 0;font-size:12.5px;color:var(--fg-secondary);line-height:1.5}
.sgn-inp{height:40px;font-size:13px}
.sgn-inp.is-err{border-color:var(--sev-critical)}
.sgn-btn{height:40px;justify-content:center;font-size:13px;gap:8px}
.sgn-btn-2{height:34px;justify-content:center;margin-top:-6px}
.sgn-back{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;background:none;border:0;color:var(--fg-secondary);font:inherit;font-size:11.5px;cursor:pointer;padding:0;margin-bottom:-4px}.sgn-back:hover{color:var(--fg-primary)}
.sgn-tenant{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:11.5px;color:var(--fg-secondary);background:color-mix(in oklab,var(--sev-low) 8%,transparent);border:1px solid color-mix(in oklab,var(--sev-low) 25%,var(--border-base))}
.sgn-tenant .dot{width:7px;height:7px;border-radius:99px;background:var(--sev-low);flex-shrink:0}.sgn-tenant b{color:var(--fg-primary);font-weight:600}
.sgn-tenant.warn{background:color-mix(in oklab,var(--sev-medium) 8%,transparent);border-color:color-mix(in oklab,var(--sev-medium) 30%,var(--border-base));align-items:flex-start}.sgn-tenant.warn .ico{color:var(--sev-medium);margin-top:2px;flex-shrink:0}
.sgn-err{display:flex;align-items:flex-start;gap:6px;font-size:11.5px;color:var(--sev-critical);margin-top:-6px;line-height:1.4}.sgn-err .ico{margin-top:2px;flex-shrink:0}
.sgn-who{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:99px;border:1px solid var(--border-base);align-self:flex-start;font-size:12px;color:var(--fg-secondary)}
.sgn-av{width:26px;height:26px;border-radius:99px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2E75B6,#7B5EA7);flex-shrink:0}
.sgn-av.sm{width:24px;height:24px;font-size:9.5px}
.sgn-pw{position:relative}.sgn-pw .inp{padding-right:38px;width:100%}
.sgn-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:6px;background:none;color:var(--fg-muted);cursor:pointer}.sgn-eye:hover{color:var(--fg-primary);background:var(--bg-hover)}
.sgn-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px}
.sgn-check{display:inline-flex;align-items:center;gap:6px;color:var(--fg-secondary);cursor:pointer}.sgn-check input{accent-color:var(--accent-primary)}
.sgn-code{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.sgn-code .inp{height:46px;text-align:center;font-size:18px;padding:0}
.sgn-spin{width:13px;height:13px;border-radius:99px;border:2px solid currentColor;border-right-color:transparent;animation:sgn-spin .7s linear infinite}
@keyframes sgn-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sgn-spin{animation:none}}
.sgn-demo{width:100%;max-width:380px;display:flex;flex-direction:column;gap:8px}
.sgn-demo-h{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted)}
.sgn-demo-l{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sgn-demo-l button{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;border:1px solid var(--border-base);background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.sgn-demo-l button:hover{border-color:var(--border-elevated);background:var(--bg-hover)}
.sgn-demo-l button>span:last-child{display:flex;flex-direction:column;min-width:0}.sgn-demo-l b{font-size:11.5px;font-weight:500}.sgn-demo-l em{font-style:normal;font-size:10px;color:var(--fg-muted)}
.sgn-demo-n{font-size:10.5px;color:var(--fg-muted)}
.sgn-foot{display:flex;gap:16px;font-size:11px;color:var(--fg-muted)}.sgn-foot a{color:var(--fg-muted);text-decoration:none}.sgn-foot a:hover{color:var(--fg-primary)}
@media (max-width:900px){.sgn{grid-template-columns:1fr}.sgn-brand{padding:24px;gap:20px}.sgn-pitch h1{font-size:22px}.sgn-facts{flex-wrap:wrap;gap:16px}}