@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#111827;--muted:#64748b;--paper:#f7f8f5;--white:#fff;--lime:#d8ff45;--violet:#635bff;--line:#dfe3da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}nav{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 24px}.brand{font:800 21px Manrope;text-decoration:none;color:var(--ink)}.brand span{color:var(--violet)}.navlinks,.actions,.card-actions{display:flex;align-items:center;gap:14px}.navlinks a,.link{color:var(--ink);text-decoration:none;border:0;background:none;font:600 14px inherit;cursor:pointer}main{max-width:1200px;margin:auto;padding:28px 24px 70px}footer{text-align:center;padding:30px;color:var(--muted);font-size:13px}.btn,.ghost{border:0;border-radius:10px;padding:13px 20px;font:700 14px inherit;cursor:pointer;text-decoration:none;display:inline-block}.btn{background:var(--ink);color:white;box-shadow:0 5px 0 #9ab624}.btn:hover{transform:translateY(-1px)}.ghost{background:white;color:var(--ink);border:1px solid var(--line)}.small{padding:9px 13px;font-size:13px;box-shadow:none}.full{width:100%}.hero{min-height:590px;border-radius:28px;background:#131722;color:white;padding:70px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;width:340px;height:340px;border:70px solid var(--lime);border-radius:50%;right:-190px;top:-170px;opacity:.8}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--violet)}.hero .eyebrow{color:var(--lime)}h1,h2,h3{font-family:Manrope;margin-top:0}.hero h1{font-size:56px;line-height:1.04;letter-spacing:-.045em;max-width:650px;margin:18px 0}.hero h1 em{font-style:normal;color:var(--lime)}.hero p{font-size:18px;color:#b8c0ce;line-height:1.65}.hero .btn{background:var(--lime);color:var(--ink)}.hero .ghost{background:transparent;color:white;border-color:#434b59}.demo-card{background:#fff;color:var(--ink);padding:28px;border-radius:20px;transform:rotate(2deg);box-shadow:0 30px 80px #0008}.demo-card h3{font-size:24px;margin:28px 0}.live{font-size:11px;font-weight:800;letter-spacing:.1em;color:#dc3f59}.live i{display:inline-block;width:8px;height:8px;background:#ef476f;border-radius:50%;margin-right:6px}.live b{float:right;color:var(--muted);font-weight:600;letter-spacing:0}.bar{height:42px;background:#eef0eb;border-radius:8px;margin:12px 0;display:flex;align-items:center;position:relative;overflow:hidden}.bar span{height:100%;min-width:max-content;background:#dbe6ff;display:flex;align-items:center;padding:0 12px;font-size:13px}.bar:nth-of-type(3) span{background:#e9dcff}.bar:nth-of-type(4) span{background:#e1ffc8}.bar b{position:absolute;right:12px}.join{margin:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.join h2,.pagehead h1,.auth h1{font-size:40px;margin:10px 0}.join p,.pagehead p,.auth p{color:var(--muted)}.join form,.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;display:grid;gap:12px;box-shadow:0 12px 35px #25301510}.join input,input,textarea,select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:white;font:inherit;color:var(--ink)}label{display:grid;gap:7px;font-size:13px;font-weight:700}.features,.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.features article,.presentation-card,.results article{background:white;border:1px solid var(--line);border-radius:16px;padding:25px}.features b{color:var(--violet)}.features h3{margin:22px 0 8px}.features p,.presentation-card p{color:var(--muted);line-height:1.55}.auth{min-height:620px;display:grid;grid-template-columns:1fr 480px;align-items:center;gap:90px}.panel{padding:34px}.check{display:flex;align-items:center}.check input{width:auto}.pagehead,.live-head{display:flex;justify-content:space-between;align-items:center;margin:20px 0 35px}.presentation-card{display:grid;grid-template-columns:110px 1fr;gap:20px}.thumb{background:#171b26;color:var(--lime);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:125px}.thumb span{font:800 38px Manrope}.thumb small{font-size:9px;letter-spacing:.14em}.empty{grid-column:1/-1;text-align:center;padding:80px;border:1px dashed #cbd2c4;border-radius:16px}.flash{position:fixed;top:85px;right:24px;padding:13px 18px;border-radius:10px;z-index:10}.flash.ok{background:#e4ffc9}.flash.error{background:#ffe0e5}dialog{border:0;border-radius:16px;padding:30px;width:min(480px,90vw);box-shadow:0 30px 80px #0004}dialog::backdrop{background:#11182799}dialog form{display:grid;gap:15px}.editor{display:grid;grid-template-columns:210px 1fr;gap:24px}.editor aside{position:sticky;top:15px;align-self:start}.editor aside a{display:flex;gap:10px;padding:12px;margin:7px 0;text-decoration:none;color:var(--ink);background:white;border:1px solid var(--line);border-radius:8px}.editor aside b{color:var(--violet)}.slide-stack{display:grid;gap:30px}.slide-editor{background:#151923;color:white;border-radius:18px;padding:38px;min-height:440px}.slide-number{color:var(--lime);font-size:10px;letter-spacing:.15em;font-weight:800}.title-input,.body-input{background:transparent;border:1px solid #39404d;color:white;margin:14px 0}.title-input{font:700 28px Manrope}.body-input{color:#c4cad3}.activities{margin-top:30px;border-top:1px solid #343a46;padding-top:24px}.activity{background:#242a36;padding:14px;border-radius:9px;margin:10px 0;display:grid;gap:5px}.activity span{color:var(--lime);font-size:9px;letter-spacing:.12em}.activity small{color:#9ca5b5}.add-activity{background:transparent;border:1px dashed #667080;border-radius:9px;padding:12px;color:white;width:100%;cursor:pointer}.back{color:var(--muted);text-decoration:none;font-size:13px}.live-head{background:#151923;color:white;border-radius:20px;padding:35px}.join-code{text-align:center;background:var(--lime);color:var(--ink);padding:18px 30px;border-radius:14px}.join-code>*{display:block}.join-code strong{font:800 42px Manrope;letter-spacing:.12em}.results{display:grid;gap:20px}.result-block{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.bar.result span{background:#d8ff45}.answers{display:flex;flex-wrap:wrap;gap:8px}.answers span{background:#eef0eb;padding:9px 12px;border-radius:20px}.participant-head{text-align:center;max-width:700px;margin:40px auto}.questions{max-width:680px;margin:auto}.question{background:white;border:1px solid var(--line);border-radius:20px;padding:30px;display:grid;gap:18px}.choices{display:grid;gap:10px}.choices label input{display:none}.choices label span{display:block;padding:15px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.choices label input:checked+span{background:#e9ffc0;border-color:#9ab624}.question textarea{font-size:16px}@media(max-width:800px){.hero{padding:38px 24px;grid-template-columns:1fr}.hero h1{font-size:39px}.demo-card{transform:none}.join,.auth{grid-template-columns:1fr;gap:25px}.features,.grid{grid-template-columns:1fr}.editor{grid-template-columns:1fr}.editor aside{position:static}.pagehead,.live-head{align-items:flex-start;gap:20px}.presentation-card{grid-template-columns:90px 1fr}nav{height:65px}.navlinks>a:not(.btn){display:none}}
