:root{--bg:#f8fafc;--ink:#111827;--muted:#64748b;--line:#e5e7eb;--primary:#7c3aed;--primary-dark:#5b21b6;--pink:#ec4899;--cyan:#06b6d4;--yellow:#facc15;--green:#22c55e;--success:#047857;--danger:#b91c1c;--warning-bg:#fffbeb;--warning-border:#f59e0b;--radius:22px;--shadow:0 20px 60px rgba(15,23,42,.10)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#fce7f3,transparent 28%),radial-gradient(circle at top right,#ddd6fe,transparent 26%),var(--bg);color:var(--ink)}a{color:inherit}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(229,231,235,.78);background:rgba(255,255,255,.84);backdrop-filter:blur(14px)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:950;letter-spacing:-.04em;font-size:1.28rem}.brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--pink));color:white;box-shadow:0 12px 30px rgba(124,58,237,.28)}.nav-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.main{padding:clamp(28px,5vw,72px) 0}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(22px,5vw,56px);align-items:center}.eyebrow{margin:0 0 10px;color:var(--primary);font-weight:950;text-transform:uppercase;letter-spacing:.09em;font-size:.78rem}h1,h2,h3{letter-spacing:-.05em;line-height:1.04}h1{margin:0 0 14px;font-size:clamp(42px,8vw,76px)}h2{margin:0 0 12px;font-size:clamp(28px,4vw,44px)}h3{margin:0 0 8px;font-size:1.3rem}p{color:var(--muted);line-height:1.65}.lead{font-size:clamp(1.05rem,2vw,1.22rem);max-width:680px}.card{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.92);box-shadow:var(--shadow);padding:clamp(20px,3vw,30px)}.hero-visual{min-height:420px;display:grid;place-items:center;position:relative}.arena{width:min(420px,88vw);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,#fff 0 7%,#fef3c7 8% 12%,#0f172a 13% 15%,#312e81 16% 100%);box-shadow:0 34px 90px rgba(15,23,42,.28);position:relative;overflow:hidden}.arena::before{content:"";position:absolute;inset:32px;border-radius:inherit;border:3px dashed rgba(255,255,255,.22)}.phone-dot{position:absolute;width:52px;height:84px;border-radius:15px;background:#0f172a;border:5px solid rgba(255,255,255,.3);box-shadow:0 0 40px currentColor}.phone-dot::after{content:"";position:absolute;inset:9px;border-radius:9px;background:currentColor}.p1{left:60px;top:150px;color:#22d3ee;transform:rotate(-14deg)}.p2{left:184px;top:64px;color:#facc15}.p3{right:62px;top:152px;color:#f472b6;transform:rotate(14deg)}.p4{left:130px;bottom:60px;color:#4ade80;transform:rotate(10deg)}.p5{right:130px;bottom:60px;color:#a78bfa;transform:rotate(-10deg)}.grid{display:grid;gap:18px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:8px;margin-bottom:14px}label{font-weight:850}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 14px;font:inherit;background:#fff;color:var(--ink)}textarea{min-height:104px;resize:vertical}input:focus,textarea:focus,select:focus{outline:3px solid rgba(124,58,237,.18);border-color:#a78bfa}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:999px;border:1px solid transparent;font-weight:950;text-decoration:none;cursor:pointer;transition:.18s ease;font:inherit}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--pink));color:white;box-shadow:0 14px 30px rgba(124,58,237,.22)}.btn-secondary{background:white;color:var(--primary);border-color:#ddd6fe}.btn-ghost{background:transparent;color:var(--muted)}.status{min-height:24px;font-weight:850;color:var(--muted)}.status.success{color:var(--success)}.status.error{color:var(--danger)}.upgrade-box{display:grid;gap:12px;padding:18px;border:1px solid var(--warning-border);border-radius:20px;background:var(--warning-bg);color:#78350f}.upgrade-box span,.upgrade-box small{color:#92400e}.upgrade-actions{display:flex;gap:10px;flex-wrap:wrap}.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 22px}.stat{padding:16px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.78)}.stat strong{display:block;font-size:1.8rem;letter-spacing:-.05em}.stat span{color:var(--muted);font-weight:750}.session-card,.empty-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.78)}.session-card div,.empty-card{display:grid;gap:4px}.session-card span,.empty-card span{color:var(--muted)}.link-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:10px}.qr-card{text-align:center}.qr-card img{max-width:260px;width:100%;height:auto;border-radius:18px;background:white;padding:8px;border:1px solid var(--line)}.badge{display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border-radius:999px;background:#f5f3ff;color:#6d28d9;font-weight:950}.controls{display:grid;gap:12px}.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.color-btn{min-height:70px;border-radius:18px;border:1px solid var(--line);font-weight:950;color:#111827;background:var(--c,#fff);cursor:pointer}.effect-card{display:grid;gap:12px}.live-count{font-size:3rem;font-weight:950;letter-spacing:-.06em}.participant-screen{min-height:100svh;display:grid;place-items:center;background:#0f172a;color:white;padding:18px}.join-card{width:min(560px,100%);border:1px solid rgba(255,255,255,.18);background:rgba(15,23,42,.74);box-shadow:0 30px 100px rgba(0,0,0,.45);border-radius:28px;padding:clamp(22px,5vw,36px);backdrop-filter:blur(16px)}.join-card p{color:#cbd5e1}.light-stage{position:fixed;inset:0;background:#111827;display:grid;place-items:center;color:white;transition:background .12s ease;overflow:hidden}.light-stage .hint{position:absolute;left:16px;right:16px;bottom:16px;text-align:center;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:12px;color:white}.pulse{animation:pulseGlow 1.1s ease-in-out infinite}.flash{animation:flashGlow .35s linear infinite}.wave::before{content:"";position:absolute;inset:-30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:waveMove 1.3s ease-in-out infinite}.countdown{font-size:clamp(86px,30vw,220px);font-weight:950;letter-spacing:-.08em;text-shadow:0 20px 60px rgba(0,0,0,.35)}@keyframes pulseGlow{50%{filter:brightness(1.35);transform:scale(1.01)}}@keyframes flashGlow{50%{filter:brightness(2.2)}}@keyframes waveMove{from{transform:translateX(-35%)}to{transform:translateX(35%)}}.access-screen{min-height:100svh;display:grid;place-items:center;padding:24px}.access-card{width:min(520px,100%);border:1px solid var(--line);background:white;border-radius:28px;padding:30px;box-shadow:var(--shadow)}.stack{display:grid;gap:12px}.warning{border:1px solid #f59e0b;background:#fffbeb;color:#78350f;border-radius:18px;padding:14px}.warning p{margin:0;color:#92400e}.footer-note{margin-top:18px;font-size:.9rem}@media(max-width:860px){.hero,.two,.three{grid-template-columns:1fr}.hero-visual{min-height:320px}.stat-grid,.color-grid{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column;padding:14px 0}.nav-actions{width:100%;justify-content:flex-start}.session-card{align-items:flex-start;flex-direction:column}.link-row{grid-template-columns:1fr}.btn{width:100%}}