@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--bg:#0e0d19;--panel:#1b192d;--line:#34304c;--muted:#aaa6bf;--pink:#ff5f91;--purple:#9c7bff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#2a1b42,transparent 36%),var(--bg);color:#f8f6ff;font-family:'DM Sans',sans-serif;min-height:100vh}header{height:72px;padding:0 max(calc((100vw - 1160px)/2),22px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;background:#100e1dcc;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}header nav{display:flex;align-items:center;gap:20px}a{color:#e9e4f7;text-decoration:none}header nav a{font-size:14px}.brand{font:800 21px Manrope}.brand i{font-style:normal;display:inline-grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(130deg,var(--pink),var(--purple));margin-right:6px}.brand span{color:#ff81a9}.wrap{max-width:1160px;margin:auto;padding:42px 22px 70px}.hero{padding:82px 0 72px;max-width:790px}.eyebrow{color:#ff8eaf;font-size:11px;letter-spacing:2px;font-weight:700}.hero h1,.heading h1,.auth h1{font:800 clamp(38px,6vw,67px)/1.08 Manrope;letter-spacing:-2.5px;margin:17px 0}.hero em{font-style:normal;background:linear-gradient(90deg,#ff7da6,#a88cff);color:transparent;background-clip:text}.hero p{color:#c0bbd0;font-size:18px;line-height:1.7;max-width:620px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:13px 18px;background:linear-gradient(110deg,#ff5f91,#9875ff);color:white;font-weight:700;cursor:pointer;font:700 14px 'DM Sans';text-decoration:none}.btn:hover{filter:brightness(1.1)}.btn.small{padding:9px 13px;font-size:12px}.btn.ghost{background:#ffffff0d;border:1px solid #ffffff25}.sub,.muted{color:var(--muted);font-size:13px;line-height:1.6}.sub{margin-top:22px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.features article,.auth,.location,.person,.chatbox,.chatlist{background:linear-gradient(145deg,#1c1930,#151323);border:1px solid var(--line);border-radius:18px}.features article{padding:24px}.features b{font-size:11px;color:#ff8eaf;letter-spacing:1px}.features h3{font:700 20px Manrope;margin:18px 0 8px}.features p,.person p{color:#bdb8ce;font-size:14px;line-height:1.55}.auth{max-width:520px;margin:5px auto;padding:30px}.auth.wide{max-width:650px}.auth h1{font-size:36px;letter-spacing:-1px}.form{display:grid;gap:14px;margin-top:22px}.form label,.loc label{display:grid;gap:7px;font-size:13px;color:#d9d4e7}.form input,.form select,.form textarea,.loc input,.loc select,.send input{width:100%;padding:12px;background:#100f1d;border:1px solid #3a3552;border-radius:9px;color:white;font:inherit;outline:none}.form input:focus,.form textarea:focus{border-color:#a78aff}.form .check{display:flex;align-items:center;gap:9px}.form .check input{width:16px}.flash{padding:13px 16px;background:#342749;border:1px solid #76528b;border-radius:10px;margin-bottom:18px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.heading h1{font-size:40px;letter-spacing:-1px;margin:7px 0}.location{padding:18px;margin-bottom:22px}.loc{display:flex;gap:11px;align-items:end;flex-wrap:wrap;margin-bottom:10px}.loc label{flex:1;min-width:100px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.person{display:flex;gap:15px;padding:17px;min-width:0}.avatar{width:70px;height:70px;flex-shrink:0;border-radius:18px;background:linear-gradient(130deg,#ff6797,#927aff);display:grid;place-items:center;font:800 27px Manrope;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.personbody{min-width:0}.person h3{font:700 18px Manrope;margin:0 0 4px}.person h3 small{color:#ff9abb;font:500 13px 'DM Sans'}.person p{margin:9px 0}.inline{display:inline}.linkbtn{background:none;border:0;color:#aaa4c0;text-decoration:underline;cursor:pointer;font:12px 'DM Sans'}.chatlist{padding:10px}.chatlist a{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line)}.chatlist span{color:var(--muted);font-size:12px}.chatbox{max-width:850px;margin:auto;overflow:hidden}.chathead{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.chathead h2{font:700 20px Manrope;margin:0 0 4px}.msgs{height:52vh;min-height:300px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:76%;padding:11px 14px;border-radius:14px;background:#2a2640;overflow-wrap:anywhere;line-height:1.45}.bubble.mine{align-self:flex-end;background:linear-gradient(120deg,#8c65df,#cf5c9e)}.bubble small{display:block;opacity:.65;font-size:10px;margin-top:5px}.send{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line)}.send input{flex:1}.callpanel{padding:15px;background:#100f1d;display:grid;gap:10px}.callpanel video{width:100%;max-height:250px;background:#050509;border-radius:10px}.hidden{display:none!important}.danger{background:#d9435d}footer{border-top:1px solid #ffffff16;padding:22px max(calc((100vw - 1160px)/2),22px);display:flex;justify-content:space-between;gap:15px;color:#89849e;font-size:12px}@media(max-width:760px){header{padding:0 14px;height:64px}header nav{gap:11px}header nav a{font-size:12px}.wrap{padding:27px 14px 50px}.hero{padding:55px 0}.hero p{font-size:16px}.features,.grid{grid-template-columns:1fr}.auth{padding:23px 17px}.heading{align-items:flex-start;flex-direction:column}.person{padding:13px}.avatar{width:60px;height:60px}.chathead{align-items:flex-start;flex-direction:column}footer{padding:20px 14px;flex-direction:column}}