@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#100d17;--panel:#1a1523;--panel2:#211a2c;--line:#382b45;--text:#fff8ff;--muted:#b9aebe;--pink:#ff70a6;--purple:#b58cff;--gold:#ffd18a;--green:#8ce5b0}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top right,#38213e 0,#100d17 48%);color:var(--text);font:16px/1.55 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1020px)/2));border-bottom:1px solid #ffffff12;background:#100d17d9;backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.brand{font:800 23px Manrope,sans-serif;letter-spacing:-.8px;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#241127}.top-link{color:#ffc3dc;font-weight:700;font-size:14px}.button-link{background:none;border:0;cursor:pointer}.shell{max-width:1020px;margin:0 auto;padding:28px 20px 40px}.narrow{max-width:900px;margin:0 auto;padding:22px 18px 40px}.hero{padding:38px 0 30px;max-width:650px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--pink);margin-bottom:12px}.hero h1{font:800 clamp(38px,7vw,62px)/1.07 Manrope,sans-serif;letter-spacing:-2.8px;margin:0 0 18px}.hero h1 span{color:var(--pink)}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.8px;line-height:1.2}h1{font-size:30px;margin:0 0 10px}h2{font-size:20px;margin:0 0 14px}.muted{color:var(--muted)}.small{font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:11px 18px;border:1px solid transparent;border-radius:13px;font-weight:700;cursor:pointer;transition:transform .15s,opacity .15s}.btn:hover{transform:translateY(-1px)}.primary{background:linear-gradient(120deg,var(--pink),#d89cff);color:#251128}.secondary{background:#ffffff08;border-color:var(--line);color:var(--text)}.full{width:100%;margin-top:14px}.feature-card,.content-card{border:1px solid var(--line);background:linear-gradient(145deg,#211a2deF,#17121f);border-radius:20px;padding:22px;margin:18px 0;box-shadow:0 18px 50px #0002}.feature-card{display:flex;align-items:center;gap:15px;max-width:540px}.feature-card p{margin:3px 0 0}.avatar-stack{display:flex;padding-left:5px;flex-shrink:0}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-weight:800;color:#28132b;border:2px solid var(--panel);flex-shrink:0}.avatar-stack .avatar{margin-left:-7px}.pink{background:#ff9cbe}.purple{background:#c9a5ff}.gold{background:#ffd18a}.one-nav{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid var(--line);border-radius:17px;background:#17121f;margin:18px 0}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:11px;color:#d9cddd;font-weight:600}.nav-item span{width:24px;text-align:center;font-size:20px;color:var(--pink)}.nav-item.active,.nav-item:hover{background:#ff70a618;color:white}.feature-row{display:flex;gap:13px;padding:13px 0;border-top:1px solid #ffffff10}.feature-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#ff70a618;color:var(--pink);font-size:20px;flex-shrink:0}.feature-row p{margin:3px 0 0}.footer{font-size:12px;color:var(--muted);padding:16px 2px}.footer a{color:var(--pink);margin-left:8px}form label,.chat-sidebar label{display:block;font-size:13px;color:#e4d8e9;margin:14px 0 6px}input,textarea{display:block;width:100%;border:1px solid #493852;border-radius:12px;background:#120e19;color:var(--text);padding:12px 13px;outline:none;min-width:0}input:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #b58cff20}textarea{resize:vertical}.text-btn{display:block;background:none;border:0;color:var(--pink);padding:13px 0;cursor:pointer}.status{font-size:13px;min-height:22px;color:var(--muted);overflow-wrap:anywhere}.status.error{color:#ff9eaa}.status.ok{color:var(--green)}.chat-layout{display:grid;grid-template-columns:minmax(0, .8fr) minmax(0,1.4fr);gap:14px;margin-top:20px}.chat-sidebar,.chat-main{min-width:0;border:1px solid var(--line);border-radius:16px;padding:14px;background:#120e19}.chat-list{margin-top:16px}.chat-person{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:#ffffff06;border:1px solid transparent;border-radius:12px;padding:10px;color:var(--text);cursor:pointer;margin-top:7px}.chat-person.active,.chat-person:hover{border-color:#75518b;background:#b58cff14}.chat-person .meta{min-width:0;overflow-wrap:anywhere}.chat-heading{display:flex;gap:11px;align-items:center;padding-bottom:12px;border-bottom:1px solid #ffffff14}.chat-heading p{margin:2px 0 0}.messages{height:320px;overflow:auto;display:flex;flex-direction:column;gap:9px;padding:14px 2px}.bubble{max-width:85%;padding:9px 12px;border-radius:15px;background:#2b2235;overflow-wrap:anywhere;white-space:pre-wrap;align-self:flex-start}.bubble.mine{align-self:flex-end;background:#794c8b}.bubble time{display:block;font-size:10px;opacity:.7;margin-top:3px}.empty-state{text-align:center;color:var(--muted);font-size:13px;margin:auto}.message-form{display:flex;gap:8px;align-items:center}.message-form input{flex:1}.send-btn{width:46px;height:46px;border:0;border-radius:13px;background:var(--pink);color:#251128;font-weight:800;cursor:pointer}.send-btn:disabled{opacity:.4;cursor:not-allowed}.hidden{display:none!important}@media(max-width:640px){.shell{padding:16px 14px 30px}.narrow{padding:15px 12px 30px}.hero{padding:28px 2px 16px}.hero h1{letter-spacing:-1.8px}.feature-card,.content-card{padding:17px;border-radius:16px}.chat-layout{grid-template-columns:1fr}.chat-sidebar{order:2}.chat-main{order:1}.messages{height:42vh;min-height:230px;max-height:420px}.topbar{height:60px;padding:0 16px}}