:root{--bg:#0b0f14;--card:#111;--accent:#05fabd}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:#fff;font-family:'Inter',sans-serif}
.overlay{position:fixed;inset:0;background:rgba(11,15,20,.98);display:flex;justify-content:center;align-items:center}
.hidden{display:none}
.modal{background:#111;border-radius:14px;padding:36px 28px;width:min(92%,520px);text-align:center;box-shadow:0 0 35px #05fabd25}
.logo{width:120px;filter:drop-shadow(0 0 6px var(--accent))}
.note{color:#9aa4af;font-size:12px;margin-top:8px}
.btn{padding:12px 14px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:.2s}
.btn:hover{opacity:.9}
.metamask{background:linear-gradient(90deg,#f6851b,#ffb347);color:#000;width:100%;margin-top:10px}
.disconnect{background:#333;color:#fff}
.hdr{max-width:1080px;margin:16px auto;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#111;padding:10px 14px;border-radius:12px}
.brand{display:flex;gap:10px;align-items:center}
.brand-logo{width:40px;height:40px;border-radius:10px}
.lang-flags .flag{background:#1b2230;color:#fff;border:1px solid #283245;border-radius:8px;padding:6px 8px;cursor:pointer}
.hdr-flags{justify-self:center}
.chart{max-width:1080px;margin:12px auto}
.trade{max-width:1080px;margin:16px auto;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.card{background:#111;border-radius:12px;padding:14px}
.card input{width:100%;padding:12px;border-radius:8px;border:1px solid #222;background:#0e131a;color:#fff;margin:6px 0 12px}
.row{display:flex;gap:8px;align-items:center}
.btn.sm{padding:8px 10px;font-size:12px}
.bal{font-size:12px;color:#9aa4af}
.buy{background:#10b981;color:#fff;width:100%}
.sell{background:#ef4444;color:#fff;width:100%}
.telegram{max-width:1080px;margin:16px auto;text-align:center}
.tg{background:#229ED9;color:#fff}
.lang-flags{display:flex;gap:8px;justify-content:center}
@media(max-width:860px){.trade{grid-template-columns:1fr}}