@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Space+Grotesk:wght@500;700&display=swap');
:root{--ink:#15233d;--muted:#70809c;--blue:#4568ff;--cyan:#dff7f4;--yellow:#ffd166;--bg:#f6f8fc;--card:#fff;--line:#e7ebf3;--green:#31b77a;--red:#ff6574}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{text-decoration:none;color:inherit}.top{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{font:700 22px 'Space Grotesk';letter-spacing:-.5px}.brand i{display:inline-block;width:12px;height:12px;background:var(--blue);border-radius:4px 8px 4px 8px;margin-right:8px}.nav{display:flex;gap:18px;align-items:center}.btn{border:0;border-radius:14px;background:var(--blue);color:#fff;padding:13px 19px;font-weight:800;cursor:pointer;display:inline-block}.btn.alt{background:#eef1ff;color:var(--blue)}.btn.dark{background:var(--ink)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}main{max-width:1160px;margin:auto;padding:48px 24px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:38px 0 62px}.eyebrow{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:1.8px;font-size:12px}.hero h1{font:700 clamp(42px,6vw,72px)/.98 'Space Grotesk';margin:18px 0}.hero p{font-size:18px;line-height:1.6;color:var(--muted);max-width:570px}.hero-card{background:var(--ink);color:white;border-radius:28px;padding:28px;transform:rotate(2deg);box-shadow:0 20px 60px #15233d20}.mini-q{background:#26395e;padding:22px;border-radius:18px}.answers{display:grid;gap:10px;margin-top:18px}.answer{background:#fff;color:var(--ink);padding:14px;border-radius:12px;font-weight:700}.answer:nth-child(2){background:var(--yellow)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 8px 24px #26385d08}.card h3{margin:8px 0}.muted{color:var(--muted)}.layout{display:grid;grid-template-columns:260px 1fr;gap:22px}.side{background:var(--ink);color:#fff;border-radius:24px;padding:20px;height:max-content}.side a{display:block;padding:12px;border-radius:10px;color:#c9d2e8}.side a.active,.side a:hover{background:#31466f;color:#fff}.editor{display:grid;gap:16px}.input,.textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;font:inherit;background:#fff}.textarea{min-height:90px;resize:vertical}.qrow{display:grid;grid-template-columns:1fr 90px 110px;gap:10px;align-items:start}.optionrow{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;margin:8px 0}.pill{display:inline-block;background:#edf0ff;color:var(--blue);padding:7px 11px;border-radius:99px;font-size:12px;font-weight:800}.session-code{font:700 62px 'Space Grotesk';letter-spacing:8px;color:var(--blue)}.center{text-align:center}.join{max-width:520px;margin:60px auto}.players{display:flex;flex-wrap:wrap;gap:8px}.player{padding:9px 12px;background:#eef3ff;border-radius:99px;font-weight:700}.big-question{font:700 36px/1.15 'Space Grotesk';margin:18px 0}.play-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.play-options button{border:0;padding:22px;border-radius:18px;background:#fff;border:2px solid var(--line);font:700 18px Manrope;cursor:pointer}.play-options button:hover{border-color:var(--blue);transform:translateY(-2px)}.status{padding:14px;border-radius:14px;background:#f0f4fb;margin:16px 0}.ok{background:#e1f7ed;color:#137c4d}.err{background:#ffe7ea;color:#a4253b}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:13px;border-bottom:1px solid var(--line)}@media(max-width:760px){.hero,.layout{grid-template-columns:1fr}.features{grid-template-columns:1fr}.nav a:not(.btn){display:none}.qrow{grid-template-columns:1fr}.play-options{grid-template-columns:1fr}.session-code{font-size:45px}}

.toolgrid{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolgrid .input{flex:1;min-width:150px}.toolgrid .wide{flex:3}.upload{display:inline-flex;align-items:center;gap:8px;border:1px dashed #9aaaf0;background:#f0f3ff;color:var(--blue);padding:11px 14px;border-radius:12px;cursor:pointer;font-weight:800}.upload input{display:none}.upload.small{font-size:13px;padding:8px 10px}.qactions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.qimage{max-width:110px;max-height:70px;border-radius:8px;object-fit:cover}.history-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.history-row small{display:block;color:var(--muted);margin-top:4px}.auth{max-width:480px;padding-top:90px}.auth .card{padding:34px}.auth .input{display:block;margin:10px 0}.auth h1{font-size:42px}.status.err{background:#ffe7ea;color:#a4253b}