:root{--bg:#0b1020;--card:#121735;--text:#e7e9f7;--muted:#a8a9b7;--accent:#5b8cff;--accent-2:#75e0a3}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,"Noto Sans",sans-serif}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:rgba(255,255,255,0.02);backdrop-filter:saturate(180%) blur(6px);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,0.06)}
.brand{font-weight:700;letter-spacing:.3px}
.lang-picker select{background:var(--card);border:1px solid rgba(255,255,255,0.12);color:var(--text);padding:8px 12px;border-radius:8px}
.container{max-width:980px;margin:0 auto;padding:24px}
.hero{padding:12px 0 8px}
.hero h1{margin:0 0 6px;font-size:28px}
.hero p{margin:0;color:var(--muted)}
.ad{margin:18px 0}
.chat{background:var(--card);border:1px solid rgba(255,255,255,0.08);border-radius:14px;overflow:hidden}
.messages{height:50vh;overflow:auto;padding:16px}
.message{padding:10px 12px;border-radius:10px;margin-bottom:10px;max-width:80%}
.message.user{background:#21304f;margin-left:auto}
.message.assistant{background:#1a2544}
.composer{display:flex;gap:10px;padding:12px;border-top:1px solid rgba(255,255,255,0.08);background:#0e142a}
.composer input{flex:1;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,0.14);background:#0b1327;color:var(--text)}
.composer button{padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,0.14);background:linear-gradient(180deg, var(--accent), #435ee3);color:#fff;cursor:pointer}
.composer button:disabled{opacity:.6;cursor:not-allowed}
.site-footer{padding:24px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}
.footer-links a{color:var(--muted);margin-right:12px;text-decoration:none}
.footer-links a:hover{color:var(--text)}
.pill{display:inline-flex;align-items:center;gap:8px;background:#162043;color:#9fbeff;border:1px solid rgba(91,140,255,.3);padding:8px 10px;border-radius:999px;margin-bottom:8px;font-size:12px}
.loading{display:inline-block;width:16px;height:16px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}