*{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}}@keyframes spin{to{transform:rotate(360deg)}}.specialist-action-btn{transition:background-color .15s,border-color .15s,color .15s,transform 80ms,opacity .15s}.specialist-action-btn:hover:not(:disabled){background:#faf6ef!important;border-color:#7d9a89!important}.specialist-action-btn:active:not(:disabled){transform:translateY(1px)}.specialist-action-btn:focus-visible{outline-offset:2px;outline:3px solid #7d9a8959}.specialist-action-btn:disabled{opacity:.58;cursor:wait;transform:none}.specialist-action-btn.is-loading{color:#5f7d6c!important;background:#f3f7f3!important}.service-request-feedback{border-radius:8px;align-items:center;gap:7px;margin-top:9px;padding:7px 10px;font-size:12px;line-height:1.35;display:flex}.service-request-feedback-pending{color:#5f7d6c;background:#f3f7f3}.service-request-feedback-success{color:#5f7d6c;background:#e2ebe4}.service-request-feedback-error{color:#9b4b3e;background:#fceeee}.service-request-spinner{border:2px solid #5f7d6c40;border-top-color:#5f7d6c;border-radius:50%;flex:0 0 11px;width:11px;height:11px;animation:.7s linear infinite spin}
