:root{--bg: #0f172a;--panel: #1e293b;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{background:var(--panel);border-radius:16px;padding:32px;width:100%;max-width:480px;box-shadow:0 10px 40px #0006}.card.wide{max-width:900px}h1,h2{margin-top:0}input[type=email],input[type=url],input[type=text]{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #334155;background:#0b1220;color:var(--text);font-size:14px;margin-bottom:12px}button{background:var(--accent);color:#0f172a;border:none;padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer;font-size:14px}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}.muted{color:var(--muted);font-size:13px}.error{color:#f87171;font-size:13px}.video-wrap{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000}.video-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #334155}th{color:var(--muted);font-weight:600}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.qr-box{background:#fff;padding:16px;border-radius:12px;display:inline-flex}