:root{--bg: #0f1218;--panel: #181c27;--border: #2a3142;--text: #e8eaef;--muted: #8b93a8;--accent: #3d9cf0;--accent-dim: #2a6cb0;--danger: #e85d5d;--ok: #5dd39e;font-family:DM Sans,system-ui,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 10% -10%,#1a2740 0%,transparent 55%),var(--bg)}#root{max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem}.demo-video{width:100%;border-radius:10px;border:1px solid var(--border);background:#090b10;aspect-ratio:16 / 9;object-fit:cover}h1{font-weight:700;letter-spacing:-.03em;margin:0 0 .25rem;font-size:1.65rem}.sub{color:var(--muted);font-size:.95rem;margin-bottom:2rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.35rem 1.5rem;margin-bottom:1.25rem}label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.06em}input[type=password],input[type=text]{width:100%;padding:.65rem .85rem;border-radius:8px;border:1px solid var(--border);background:#0c0f14;color:var(--text);font-size:1rem;font-family:inherit}input[type=file]{width:100%;font-size:.85rem;color:var(--muted)}button{font-family:inherit;cursor:pointer;border:none;border-radius:8px;padding:.65rem 1.1rem;font-weight:600;font-size:.95rem;transition:background .15s ease,transform .1s ease}button:active{transform:scale(.98)}.btn-primary{background:linear-gradient(165deg,var(--accent),var(--accent-dim));color:#fff;margin-top:1rem}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:transparent;color:var(--muted);padding:.4rem .6rem;font-size:.85rem}.btn-ghost:hover{color:var(--text)}.btn-danger{background:#e85d5d26;color:var(--danger);font-size:.8rem;padding:.35rem .65rem}.btn-danger:hover{background:#e85d5d47}.err{color:var(--danger);font-size:.88rem;margin-top:.75rem}ul.persons{list-style:none;padding:0;margin:0}ul.persons li{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border);gap:1rem}ul.persons li:last-child{border-bottom:none}.mono{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--muted)}
