*{box-sizing:border-box}:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f5f7fa}body{margin:0}.shell{width:min(980px,92vw);margin:48px auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}.note h1{font-size:clamp(32px,5vw,56px);line-height:1.02;margin:14px 0}.note p{font-size:18px;line-height:1.55;color:#536074}.note .small{font-size:13px}.badge{font-size:12px;font-weight:800;letter-spacing:.09em;padding:8px 10px;border:1px solid #d9dee8;border-radius:999px;background:white}.card{height:650px;background:white;border:1px solid #e0e4eb;border-radius:22px;box-shadow:0 18px 55px rgba(28,39,60,.12);display:flex;flex-direction:column;overflow:hidden}.card header{padding:18px 20px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#172033;color:white}.card header div{display:flex;flex-direction:column}.card header small{color:#718096}.card header button{margin-left:auto;border:0;background:transparent;cursor:pointer}.messages{padding:22px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:14px;background:#fbfcfe}.row{display:flex}.row.user{justify-content:flex-end}.bubble{max-width:82%;padding:12px 15px;border-radius:16px;line-height:1.45;white-space:pre-wrap;background:#eef1f5}.user .bubble{background:#172033;color:white}form{display:flex;gap:10px;padding:14px;border-top:1px solid #edf0f4}textarea{flex:1;resize:none;border:1px solid #d7dce5;border-radius:12px;padding:12px;font:inherit}form button{border:0;border-radius:12px;padding:0 20px;background:#172033;color:white;font-weight:700}.card footer{text-align:center;font-size:11px;color:#98a2b3;padding-bottom:10px}@media(max-width:760px){.shell{grid-template-columns:1fr;margin:24px auto}.card{height:70vh;min-height:520px}}