:root{
  --bg:#0d0f14;--bg2:#13161e;--bg3:#1a1e28;
  --border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);
  --text:#e8eaf0;--muted:#7a7f94;
  --teal:#00e5a0;--blue:#4d9fff;--amber:#ffb830;--purple:#a78bfa;--red:#ff5f5f;
  --mono:'Space Mono',monospace;--sans:'DM Sans',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.6;min-height:100vh}

.screen{display:none;min-height:100vh}
.screen.active{display:flex}
#screen-login{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;height:auto;min-height:100vh;overflow-y:auto}
#screen-invite{align-items:center;justify-content:center;padding:20px}
#screen-app{flex-direction:column}

.container{max-width:1100px;margin:0 auto;padding:0 48px 80px}
.section-title{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:40px 0 16px;display:flex;align-items:center;gap:12px}
.section-title::after{content:'';flex:1;height:1px;background:var(--border)}
hr{border:none;border-top:1px solid var(--border);margin:32px 0}
.page{display:none}.page.active{display:block}