:root{--ink:#102f32;--muted:#617173;--teal:#123f42;--mint:#d8f3e9;--line:#d7e2df;--paper:#f4fbf8;--amber:#fff0c5}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 90% 15%,#dff7ed 0,transparent 35rem),radial-gradient(circle at 5% 90%,#fff1cb 0,transparent 28rem),var(--paper);min-height:100vh}nav{height:80px;max-width:1120px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}nav p{font-size:14px;color:var(--muted)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:750}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--teal);color:#fff}.home{max-width:1120px;margin:auto;padding:70px 24px;display:grid;grid-template-columns:1fr 440px;gap:72px}.pill{display:inline-block;padding:8px 13px;border:1px solid #b9ddd2;border-radius:999px;background:#edfaf5;font-size:14px;font-weight:650}h1{font-size:clamp(42px,6vw,64px);line-height:1;letter-spacing:-.045em;margin:22px 0}.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:610px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.steps div{display:flex;flex-direction:column;gap:6px;padding-left:14px;border-left:1px solid #aed8cc}.steps b{color:#16816d;font-size:12px;letter-spacing:.15em}.steps strong{font-size:15px}.steps span{font-size:13px;color:var(--muted);line-height:1.5}.card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 24px 70px -40px #123f42}.create header{display:flex;justify-content:space-between;align-items:start}.create header small,.answer>small,.result-head small{color:#147766;font-weight:750;letter-spacing:.12em}.create h2{margin:4px 0 22px;font-size:26px}.create header i{font-style:normal;background:var(--amber);padding:12px;border-radius:14px}form{display:grid;gap:20px}label{display:grid;gap:8px;font-weight:650;font-size:14px}label span{font-weight:400;color:var(--muted)}input,select,textarea{width:100%;font:inherit;border:1px solid #c8d7d3;border-radius:11px;padding:13px 14px;background:#fff;color:var(--ink)}textarea{min-height:115px;resize:vertical}button,.button{border:0;border-radius:11px;padding:14px 18px;background:var(--teal);color:#fff;font-weight:750;font-size:16px;cursor:pointer;text-decoration:none;text-align:center}.fine{font-size:12px;text-align:center;color:var(--muted);line-height:1.6}.error{color:#a52d2d}.room{max-width:820px;margin:auto;padding:32px 24px 80px}.invite{text-align:center;margin-bottom:24px}.invite h1,.waiting h1,.result-head h1,.answer h1{font-size:clamp(34px,6vw,48px)}.success,.clock{display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:50%;background:var(--mint);font-size:24px}.copy{display:flex;gap:10px;margin-top:22px}.copy button{white-space:nowrap}.answer>p,.waiting>p{color:var(--muted);font-size:17px;line-height:1.7}.fields{margin-top:28px}.waiting{text-align:center;margin-top:80px}.button.secondary{display:inline-block;margin-top:18px;color:var(--ink);background:#fff;border:1px solid var(--line)}.result{display:grid;gap:18px}.result-head{text-align:center;margin-bottom:10px}.result article h2{margin:0 0 10px;font-size:18px}.result article p,.result article li{color:var(--muted);line-height:1.7}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.accent{background:#eaf9f3;border-color:#a9d9ca}.warning{padding:24px;border-radius:18px;background:#fff0f0;border:1px solid #efbcbc}.warning p{color:#7f2929!important}@media(max-width:850px){nav p{display:none}.home{grid-template-columns:1fr;padding-top:35px}.steps{grid-template-columns:1fr}.create{max-width:540px}.two{grid-template-columns:1fr}}@media(max-width:520px){nav{height:68px}.home,.room{padding-left:16px;padding-right:16px}.card{padding:20px}.copy{display:grid}h1{font-size:42px}}