body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0b0b0f;color:#fff}
a{text-decoration:none}
.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}
.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5),#000)}
.hero-content{position:relative;z-index:2;max-width:900px;padding:20px}
h1{font-size:46px;margin-bottom:10px}
p{font-size:18px;color:#e5e7eb}
.btn{display:inline-block;background:#ff3366;color:#fff;padding:18px 36px;border-radius:50px;font-size:20px;font-weight:700;margin:10px}
.btn.alt{background:#2563eb}
.members{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;margin-top:30px}
.members img{width:100%;border-radius:16px}
.section{padding:80px 20px;text-align:center}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.feature{background:#111827;padding:20px;border-radius:20px}
.chat-demo{max-width:420px;margin:40px auto;background:#020617;border-radius:20px;overflow:hidden}
.chat-header{background:#ff3366;padding:12px;font-weight:700}
.chat-body{padding:12px;height:240px;overflow:auto;text-align:left}
.msg{margin-bottom:8px}
.msg.you{text-align:right;color:#93c5fd}
.chat-input{display:flex}
.chat-input input{flex:1;padding:12px;border:none}
.chat-input button{padding:12px 18px;border:none;background:#ff3366;color:#fff}
footer{padding:30px;color:#9ca3af;text-align:center;font-size:14px}