body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; margin:0; background:#0b1220; color:#e8eefc;}
a{color:#9cc0ff; text-decoration:none}
.container{max-width:980px; margin:0 auto; padding:22px;}
.topbar{display:flex; align-items:center; justify-content:space-between; padding:14px 22px; background:#0f1a33; position:sticky; top:0}
.brand a{font-weight:700; color:#fff}
.nav{display:flex; gap:14px; align-items:center}
.langs{display:flex; gap:8px; opacity:.85}
.btn{display:inline-block; padding:10px 14px; border-radius:12px; background:#1a2b52; color:#fff}
.btn.primary{background:#2d6bff}
.hero{padding:26px; background:linear-gradient(180deg,#12234b,#0b1220); border-radius:18px}
.cta{display:flex; gap:12px; margin-top:16px; flex-wrap:wrap}
.grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:14px; margin-top:18px}
.card{background:#0f1a33; border-radius:18px; padding:16px; box-shadow:0 8px 22px rgba(0,0,0,.25)}
.card .links{display:flex; flex-direction:column; gap:8px; margin-top:10px}
.form{display:flex; flex-direction:column; gap:10px; margin-top:14px}
textarea,input[type=file]{border-radius:12px; border:1px solid #243a6a; background:#0f1a33; color:#fff; padding:10px}
.chat{margin-top:16px; display:flex; flex-direction:column; gap:10px}
.msg{padding:12px; border-radius:14px; background:#0f1a33}
.msg.user{border:1px solid #243a6a}
.msg.bot{border:1px solid #2d6bff}
.article{margin-top:12px; padding:14px; border-radius:18px; background:#0f1a33}
.muted{opacity:.8}
.warning{padding:12px; border-radius:14px; background:#3a2a14}
.result{margin-top:14px; padding:14px; border-radius:18px; background:#0f1a33}
.footer{padding:18px 22px; opacity:.75}