@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800;900&display=swap');

body{
margin:0;
min-height:100vh;
background:linear-gradient(135deg,#0066ff,#00c6ff);
font-family:Arial,"Microsoft YaHei",sans-serif;
color:white;
text-align:center;
}

header{
display:flex;
justify-content:space-between;
padding:25px 8%;
}

.logo,.brand{
font-family:Montserrat,Arial,sans-serif;
font-weight:900;
letter-spacing:8px;
}

.logo{font-size:38px}

.hero{padding:50px 20px}

.brand{
font-size:90px;
background:linear-gradient(#fff,#d9f5ff);
-webkit-background-clip:text;
color:transparent;
}

h1{
font-size:42px;
}

.chat-box{
max-width:550px;
margin:40px auto;
background:white;
color:#222;
border-radius:25px;
padding:30px;
box-shadow:0 20px 50px rgba(0,0,0,.25);
}

.online{
color:#16a34a;
font-weight:bold;
}

a{
color:white;
font-weight:bold;
}

footer{
padding:30px;
}