:root{--text:#5c5668;--text-strong:#0f0d14;--bg:#f6f4f8;--surface:#fff;--border:#e4e0ea;--accent:#5b21b6;--accent-hover:#4c1d95;--accent-muted:#5b21b61f;--shadow:0 22px 50px -24px #0f0d1459;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/150% var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--text:#b4adbd;--text-strong:#f4f1fa;--bg:#0c0b10;--surface:#15141b;--border:#2a2734;--accent:#a78bfa;--accent-hover:#c4b5fd;--accent-muted:#a78bfa26;--shadow:0 24px 60px -20px #000000a6}}*,:before,:after{box-sizing:border-box}html{height:100dvh;max-height:100dvh;overflow:hidden}body{height:100%;max-height:100%;margin:0;overflow:hidden}#root{height:100%;max-height:100%;overflow:hidden}.app-shell{height:100%;max-height:100%;position:relative;overflow:hidden}.page{overscroll-behavior:contain;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0;overflow:hidden auto}.page--home{justify-content:flex-start;align-items:stretch;gap:0;padding:0}.page.page--login{justify-content:flex-start;align-items:stretch;padding:0;overflow:auto}.panel{background:var(--surface);border:1px solid var(--border);width:min(100%,380px);box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:32px 28px}.panel--wide{text-align:left;width:min(100%,720px);margin-inline:auto}.panel__title{letter-spacing:-.02em;color:var(--text-strong);margin:0 0 8px;font-size:1.5rem;font-weight:600}.panel__hint{color:var(--text);margin:0 0 24px;font-size:.95rem}.btn{min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn--primary{color:#fff;background:var(--accent);width:100%}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{min-height:40px;color:var(--text-strong);border-color:var(--border);background:0 0;padding:0 16px}.btn--ghost:hover{background:var(--accent-muted);border-color:#0000}.home-top{justify-content:space-between;align-items:center;width:100%;max-width:960px;margin:0 auto;padding:8px 4px 0;display:flex}.home-top__brand{letter-spacing:-.03em;color:var(--text-strong);font-weight:700}