:root{font-family:Arial,sans-serif;color:#173d5a;background:#eef2f4}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(920px,100%);display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 25px 70px #0b29422a}.intro{padding:52px 40px;background:linear-gradient(145deg,#103858,#0b2942);color:#fff}.intro span{color:#d5a32d;font-size:12px;letter-spacing:.15em}.intro h1{font-size:54px;margin:18px 0 8px}.intro p{color:#ffffffc7;line-height:1.6}.chat header{display:flex;gap:12px;align-items:center;padding:20px 22px;border-bottom:1px solid #e5eaed}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#d5a32d;font-weight:bold}.chat small{display:block;color:#6c7881;margin-top:3px}.messages{height:360px;overflow:auto;padding:22px;background:#fafbfc}.messages p{max-width:80%;padding:12px 14px;border-radius:14px;line-height:1.45}.bot{background:#edf2f5}.user{margin-left:auto;background:#103858;color:#fff}.quick{display:flex;gap:8px;padding:0 22px 12px;background:#fafbfc}.quick button{border:1px solid #d5a32d;background:#fff;border-radius:20px;padding:8px 12px;color:#173d5a}form{display:flex;gap:8px;padding:14px 18px;border-top:1px solid #e5eaed}input{flex:1;border:1px solid #cad4da;border-radius:10px;padding:12px}form button{border:0;border-radius:10px;padding:0 18px;background:#d5a32d;color:#103858;font-weight:bold}footer{padding:0 20px 16px;color:#7a858c;font-size:11px}@media(max-width:700px){main{grid-template-columns:1fr}.intro{padding:28px}.intro h1{font-size:38px}.messages{height:320px}}