*{box-sizing:border-box}body{color:#fff;background:#020617;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page{background:radial-gradient(circle at 0 0,#3b82f638,#0000 35%),#020617;min-height:100vh}.header{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:24px;display:flex}.brand{align-items:center;gap:14px;display:flex}.logo{background:#ffffff1a;border-radius:18px;place-items:center;width:44px;height:44px;display:grid}.brand-title{font-size:22px;font-weight:800}.brand-subtitle{color:#94a3b8;font-size:13px}button{cursor:pointer;font:inherit;border:0}.danger{color:#fff;background:#dc2626;border-radius:18px;align-items:center;gap:8px;padding:14px 18px;font-weight:700;display:flex}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:54px;max-width:1180px;margin:0 auto;padding:54px 24px 32px;display:grid}.badge{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;margin-bottom:22px;padding:10px 16px;display:inline-block}h1{letter-spacing:-.05em;margin:0;font-size:clamp(42px,6vw,72px);line-height:.97}.hero-text p{color:#cbd5e1;max-width:680px;font-size:20px;line-height:1.7}.buttons{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.primary,.secondary,.wide{border-radius:20px;justify-content:center;align-items:center;gap:10px;padding:16px 22px;font-weight:800;display:inline-flex}.primary,.wide{color:#020617;background:#fff}.secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff2e}.note{color:#64748b;margin-top:18px;font-size:14px}.panel{background:#ffffff14;border:1px solid #ffffff1f;border-radius:34px;padding:24px;box-shadow:0 30px 80px #00000059}.panel-head{justify-content:space-between;align-items:start;margin-bottom:18px;display:flex}.small{color:#94a3b8;font-size:14px}.panel h2{margin:4px 0 0}.online{color:#bbf7d0;background:#22c55e29;border-radius:999px;padding:6px 12px;font-size:12px}.recorder{background:#020617b8;border:1px solid #ffffff14;border-radius:28px;place-items:center;min-height:280px;padding:24px;display:grid}.recording{text-align:center}.mic-circle{color:#fecaca;background:#ef44442e;border-radius:999px;place-items:center;width:104px;height:104px;margin:0 auto 16px;display:grid}.recording p{color:#94a3b8}textarea{resize:none;color:#fff;background:0 0;border:1px solid #ffffff1f;border-radius:22px;outline:none;width:100%;min-height:225px;padding:18px;font-size:16px}.wide{width:100%;margin-top:18px}.cards,.bottom-cards{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1180px;margin:0 auto;padding:32px 24px;display:grid}.bottom-cards{grid-template-columns:repeat(3,1fr);padding-bottom:70px}.card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:28px;padding:24px}.card-icon{color:#cbd5e1;margin-bottom:16px}.card h3{margin:0 0 8px}.card p{color:#94a3b8;margin:0;line-height:1.55}.crisis{background:#ef44441f;border:1px solid #ef44444d;border-radius:30px;align-items:flex-start;gap:18px;max-width:1132px;margin:32px auto;padding:28px;display:flex}.crisis h2{margin:0 0 10px}.crisis p{color:#fecaca;margin:0;line-height:1.6}@media (width<=900px){.hero,.cards,.bottom-cards{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start}}