*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#070b16;color:#eef3ff}.wrap{max-width:1180px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;padding:16px 0}header a,.btn,button{background:#6ee7ff;color:#031018;padding:12px 18px;border-radius:14px;text-decoration:none;border:0;font-weight:800}.logo{font-size:24px;margin-right:14px}.hero{display:grid;grid-template-columns:1.5fr .7fr;gap:24px;align-items:start}h1{font-size:54px;line-height:1.02;margin:40px 0 16px}p{color:#b8c4da;font-size:18px}.chat,aside,.card{background:linear-gradient(180deg,#111a31,#0b1020);border:1px solid #20304f;border-radius:28px;padding:20px;box-shadow:0 25px 80px #0008}.messages{height:390px;overflow:auto;padding:10px}.bot,.user{padding:14px 16px;border-radius:18px;margin:10px 0;white-space:pre-wrap}.bot{background:#17233d}.user{background:#123b46;margin-left:12%;text-align:right}form{display:flex;gap:10px;flex-wrap:wrap}input,textarea,select{width:100%;background:#080d1a;border:1px solid #263a60;color:#fff;border-radius:14px;padding:14px}textarea{min-height:180px}ul{line-height:2}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%}.table{width:100%;border-collapse:collapse;margin-top:20px}.table td,.table th{padding:12px;border-bottom:1px solid #243453;text-align:left}@media(max-width:800px){.hero,.grid{grid-template-columns:1fr}h1{font-size:36px}form{flex-direction:column}}
