*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07111f;--bg-soft:#0b1728;--surface:#101f33;--surface-raised:#142941;--surface-muted:#0d1b2d;--border:#27415f;--border-strong:#3f6f9d;--text:#e8f1ff;--text-muted:#9fb3cb;--text-soft:#c6d6ea;--accent:#38bdf8;--accent-strong:#2563eb;--accent-deep:#1d4ed8;--success-bg:#0e332f;--success-text:#7dd3c7;--error-bg:#3a1624;--error-text:#fda4af;--shadow:#00000057}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}button,input,select,textarea{font:inherit}button{border:1px solid var(--border);background:var(--surface-raised);color:var(--text);cursor:pointer;border-radius:8px;min-height:40px;padding:0 14px}button:hover{border-color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.58}input,select,textarea{border:1px solid var(--border);background:var(--surface-muted);width:100%;color:var(--text);border-radius:8px;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #38bdf826}textarea{resize:vertical}label{color:var(--text-soft);gap:8px;font-size:.92rem;font-weight:650;display:grid}#root{min-height:100%}.landing-page{background:radial-gradient(circle at 14% 12%, #2563eb57, transparent 30%), radial-gradient(circle at 84% 18%, #38bdf829, transparent 30%), var(--bg);min-height:100vh;overflow:hidden}.landing-nav{justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 32px);min-height:76px;margin:0 auto;display:flex}.landing-nav nav{align-items:center;gap:20px;display:flex}.landing-nav a{color:var(--text-muted);font-size:.92rem;font-weight:800;text-decoration:none}.landing-nav a:hover{color:var(--accent)}.landing-nav>div{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.brand-button{min-height:auto;color:var(--text);background:0 0;border:0;padding:0;font-size:1.05rem;font-weight:900}.brand-button:hover{color:var(--accent)}.brand-button.compact{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:.78rem}.landing-hero{grid-template-columns:minmax(0,.9fr) minmax(340px,1.1fr);align-items:center;gap:44px;width:min(1180px,100% - 32px);min-height:calc(100vh - 76px);margin:0 auto;padding:42px 0 84px;display:grid}.landing-copy{gap:20px;display:grid}.landing-copy h1{letter-spacing:0;max-width:9ch;font-size:clamp(4rem,12vw,8.5rem);line-height:.86}.landing-copy p:not(.eyebrow){max-width:58ch;color:var(--text-soft);font-size:1.13rem;line-height:1.65}.landing-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.hero-metrics div{border:1px solid var(--border);background:#101f33b8;border-radius:8px;padding:14px}.hero-metrics dt{color:var(--text-muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.hero-metrics dd{color:var(--text);margin-top:5px;font-size:1.05rem;font-weight:900}.landing-preview{border:1px solid var(--border);box-shadow:0 28px 90px var(--shadow);background:linear-gradient(160deg,#38bdf814,#0000 34%),#101f33e6;border-radius:8px;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--border);background:#0d1b2dcc;align-items:center;gap:8px;height:44px;padding:0 16px;display:flex}.preview-toolbar span{background:var(--border-strong);border-radius:999px;width:10px;height:10px}.preview-grid{grid-template-columns:1fr;gap:16px;padding:18px;display:grid}.preview-panel,.landing-features article{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:20px}.preview-panel{gap:16px;display:grid}.preview-panel p:not(.eyebrow){color:var(--text-muted);line-height:1.55}.preview-panel h2{letter-spacing:0;font-size:clamp(1.6rem,4vw,2.5rem)}.preview-panel h3{font-size:1rem}.preview-stat-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preview-stat-row div{background:var(--surface-muted);border-radius:8px;padding:14px}.preview-stat-row span{color:var(--text-muted);font-size:.82rem;font-weight:800;display:block}.preview-stat-row strong{margin-top:6px;font-size:2rem;display:block}.preview-bars{gap:12px;display:grid}.preview-bars div{background:var(--surface-muted);border-radius:999px;height:13px;overflow:hidden}.preview-bars span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-strong), var(--accent));height:100%;display:block}.preview-responses div{background:var(--surface-muted);border-radius:8px;gap:5px;padding:12px;display:grid}.preview-responses span{color:var(--text-soft);font-weight:800}.preview-responses strong{color:var(--accent);font-size:.9rem}.landing-workflow,.landing-features,.landing-demo,.landing-final{width:min(1180px,100% - 32px);margin:0 auto}.landing-workflow{gap:24px;padding:18px 0 64px;display:grid}.section-heading{gap:10px;max-width:780px;display:grid}.section-heading h2,.landing-demo h2,.landing-final h2{letter-spacing:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.workflow-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.workflow-steps article{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-content:space-between;gap:18px;min-height:240px;padding:22px;display:grid}.workflow-steps span{background:var(--surface-muted);width:fit-content;color:var(--accent);border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:900}.workflow-steps h3{font-size:1.25rem}.workflow-steps p{color:var(--text-muted);line-height:1.6}.landing-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:64px;display:grid}.landing-features article{align-content:start;gap:10px;min-height:190px;display:grid}.landing-features h2{font-size:1.1rem}.landing-features p{color:var(--text-muted);line-height:1.55}.landing-demo{border:1px solid var(--border);background:linear-gradient(135deg, #2563eb2e, transparent), var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(280px,390px);align-items:stretch;gap:24px;padding:28px;display:grid}.landing-demo>div:first-child{align-content:center;gap:14px;display:grid}.landing-demo p:not(.eyebrow){max-width:68ch;color:var(--text-muted);line-height:1.65}.credential-card{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;gap:10px;padding:20px;display:grid}.credential-card span{color:var(--text-muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.credential-card strong{background:var(--surface-raised);color:var(--text);border-radius:8px;padding:12px;font-size:1.05rem}.credential-card button{margin-top:8px}.landing-final{text-align:center;justify-items:center;gap:18px;padding:74px 0 88px;display:grid}.landing-final h2{max-width:900px}.landing-footer{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 36px;display:grid}.landing-footer p{max-width:52ch;color:var(--text-muted);margin-top:10px;line-height:1.6}.landing-footer nav{gap:10px;display:grid}.landing-footer a,.landing-footer nav button{min-height:auto;color:var(--text-muted);text-align:left;background:0 0;border:0;padding:0;font-weight:800;text-decoration:none}.landing-footer a:hover,.landing-footer nav button:hover{color:var(--accent)}.auth-page{background:radial-gradient(circle at 20% 10%, #2563eb47, transparent 32%), linear-gradient(140deg, #38bdf81f, transparent 42%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{border:1px solid var(--border);width:min(460px,100%);box-shadow:0 24px 70px var(--shadow);background:#101f33eb;border-radius:8px;gap:24px;padding:28px;display:grid}.auth-panel h1,.sidebar h1,.page-header h2,.detail-panel h2{letter-spacing:0}.auth-panel h1{margin-top:8px;font-size:clamp(2rem,6vw,3.3rem);line-height:.95}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:800}.segmented{background:var(--surface-muted);border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;padding:6px;display:grid}.segmented button{background:0 0;border:0}.segmented button.active,nav button.active,.poll-card.active{background:linear-gradient(135deg, var(--accent-strong), #0891b2);border-color:var(--border-strong);color:#fff}.form-stack,.content-stack,.builder,.questions,.response-form,.analytics-grid,.bars{gap:18px;display:grid}.primary-button{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff;font-weight:800}.primary-button:hover{background:var(--accent-deep);border-color:var(--accent)}.message{border-radius:8px;padding:12px 14px;font-weight:700}.message.error{background:var(--error-bg);color:var(--error-text)}.message.success{background:var(--success-bg);color:var(--success-text)}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface-muted);grid-template-rows:auto 1fr auto;gap:28px;height:100vh;padding:28px;display:grid;position:sticky;top:0}.sidebar h1{margin-top:6px;font-size:1.75rem}nav{align-content:start;gap:10px;display:grid}nav button{text-align:left;justify-content:start}.account{color:var(--text-muted);gap:6px;display:grid}.account span{color:var(--text);font-weight:800}.account button{margin-top:8px}.workspace{padding:32px}.page-header,.detail-header,.question-editor-header,.form-actions,.detail-actions,.header-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-header h2{font-size:clamp(1.9rem,4vw,3rem)}.header-actions,.detail-actions,.form-actions{flex-wrap:wrap}.poll-layout{grid-template-columns:minmax(240px,360px) 1fr;align-items:start;gap:20px;display:grid}.poll-list{gap:10px;display:grid}.poll-card{text-align:left;align-content:center;gap:6px;min-height:76px;display:grid}.poll-card span{font-weight:800}.poll-card small,.account small,.bar-row small{color:var(--text-muted)}.poll-card.active small{color:#dbeafe}.detail-panel,.question-editor,.response-question,.analytics-card,.metric,.empty-state{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:22px}.detail-panel{gap:22px;display:grid}.detail-header{align-items:flex-start}.detail-header p{color:var(--text-muted);max-width:72ch;margin-top:8px}.status{background:var(--surface-muted);color:var(--text-soft);white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800}.status.published{background:var(--success-bg);color:var(--success-text)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stats-grid div{background:var(--surface-muted);border-radius:8px;padding:14px}.stats-grid dt{color:var(--text-muted);font-size:.8rem;font-weight:800}.stats-grid dd{margin-top:4px;font-size:1.15rem;font-weight:850}.question-preview-list{gap:12px;display:grid}.question-preview{gap:10px;display:grid}.question-preview h3,.analytics-card h3,.question-editor h3{font-size:1rem}.question-preview div{flex-wrap:wrap;gap:8px;display:flex}.question-preview span{background:var(--surface-muted);color:var(--text-soft);border-radius:999px;padding:6px 10px;font-size:.88rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.wide{grid-column:1/-1}.question-editor{gap:14px;display:grid}.checkbox-row,.radio-row{color:var(--text);align-items:center;gap:10px;display:flex}.checkbox-row input,.radio-row input{width:auto}.option-list{gap:10px;display:grid}.option-row{grid-template-columns:1fr auto;gap:10px;display:grid}.empty-state{justify-items:start;gap:10px;display:grid}.lead{color:var(--text-muted)}.response-question{gap:12px;display:grid}.response-question legend{margin-bottom:12px;font-weight:850}.response-question legend span{color:var(--accent);text-transform:uppercase;font-size:.78rem;font-weight:800}.analytics-grid{grid-template-columns:minmax(180px,260px) 1fr;align-items:start}.metric{gap:8px;display:grid}.metric span{color:var(--text-muted);font-weight:800}.metric strong{font-size:3rem}.analytics-card{gap:16px;display:grid}.bar-row{gap:8px;display:grid}.bar-row>div:first-child{justify-content:space-between;gap:12px;display:flex}.bar-row span{font-weight:800}.bar-track{background:var(--surface-muted);border-radius:999px;height:10px;overflow:hidden}.bar-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-strong), var(--accent));height:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.landing-hero,.workflow-steps,.landing-footer,.app-shell,.poll-layout,.analytics-grid,.form-grid,.landing-features,.landing-demo{grid-template-columns:1fr}.landing-hero{min-height:auto;padding-top:28px}.landing-copy h1{max-width:none}.landing-workflow,.landing-features{padding-bottom:42px}.landing-nav nav{display:none}.sidebar{grid-template-rows:auto;height:auto;position:static}.workspace{padding:20px}.page-header,.detail-header{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:1fr}}@media (width<=560px){.landing-nav{flex-direction:column;align-items:flex-start;padding:18px 0}.landing-nav>div,.landing-actions,.hero-metrics,.preview-stat-row{grid-template-columns:1fr;width:100%}.landing-nav>div,.landing-actions{display:grid}.landing-copy h1{font-size:clamp(3.2rem,18vw,5rem)}.landing-demo,.preview-panel,.landing-features article,.workflow-steps article,.auth-page,.workspace,.sidebar,.auth-panel,.detail-panel,.question-editor,.response-question,.analytics-card,.metric,.empty-state{padding:16px}.option-row{grid-template-columns:1fr}}
