:root {
  --bg: #07090e;
  --card: rgba(14, 18, 28, 0.9);
  --gold: #f59e0b;
  --cyan: #38bdf8;
  --green: #10b981;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { background:var(--bg); color:#fff; font-family:'Inter',sans-serif; }
.header { background:rgba(7,9,14,0.85); border-bottom:1px solid rgba(255,255,255,0.08); padding:1rem 2rem; }
.header-inner { max-width:1300px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }
.brand { display:flex; align-items:center; gap:1rem; }
.crest { font-size:1.6rem; color:var(--gold); }
.title { font-family:'Cinzel',serif; font-size:1.1rem; font-weight:700; }
.sub { font-family:'JetBrains Mono',monospace; font-size:0.68rem; color:var(--gold); }
.status-box { display:flex; align-items:center; gap:0.5rem; background:rgba(16,185,129,0.1); border:1px solid rgba(16,185,129,0.3); padding:0.3rem 0.8rem; border-radius:999px; font-family:'JetBrains Mono',monospace; font-size:0.72rem; color:var(--green); }
.dot { width:8px; height:8px; background:var(--green); border-radius:50%; box-shadow:0 0 8px var(--green); }
.container { max-width:1300px; margin:2rem auto; padding:0 2rem; }
.hero { text-align:center; margin-bottom:2.5rem; }
.hero h1 { font-family:'Cinzel',serif; font-size:2.2rem; margin-bottom:0.5rem; color:#fff; }
.hero p { color:#94a3b8; }
.grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; }
.card { background:var(--card); border:1px solid rgba(255,255,255,0.08); border-radius:16px; padding:2rem; }
.card-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:1.5rem; border-bottom:1px solid rgba(255,255,255,0.08); padding-bottom:1rem; }
.badge { font-family:'JetBrains Mono',monospace; font-size:0.7rem; padding:0.2rem 0.6rem; border-radius:999px; background:rgba(56,189,248,0.1); color:var(--cyan); border:1px solid rgba(56,189,248,0.3); }
.badge.gold { background:rgba(245,158,11,0.1); color:var(--gold); border-color:rgba(245,158,11,0.3); }
.form-row { margin-bottom:1.2rem; }
.form-row label { display:block; font-family:'JetBrains Mono',monospace; font-size:0.7rem; color:#94a3b8; margin-bottom:0.4rem; }
.input-grp { display:flex; gap:0.5rem; }
.input { flex:1; background:rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.1); color:#fff; padding:0.8rem 1rem; border-radius:10px; font-family:'JetBrains Mono',monospace; font-size:1.1rem; }
.select { background:#151924; border:1px solid rgba(255,255,255,0.1); color:#fff; padding:0.8rem 1rem; border-radius:10px; font-family:'JetBrains Mono',monospace; }
.rate-view { font-family:'JetBrains Mono',monospace; font-size:0.8rem; color:var(--cyan); margin-bottom:1.2rem; }
.escrow-gate { background:rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.05); padding:1rem; border-radius:10px; margin-bottom:1.5rem; font-size:0.85rem; }
.btn-primary { width:100%; padding:1rem; background:linear-gradient(135deg,#f59e0b,#d97706); color:#000; font-family:'Cinzel',serif; font-weight:700; border:none; border-radius:10px; cursor:pointer; font-size:0.95rem; }
.chat-log { height:260px; overflow-y:auto; background:rgba(0,0,0,0.4); border:1px solid rgba(255,255,255,0.05); border-radius:10px; padding:1rem; margin-bottom:1rem; font-size:0.85rem; line-height:1.6; }
.bot-msg { color:#e2e8f0; border-left:3px solid var(--gold); padding-left:0.75rem; margin-bottom:0.75rem; }
.chat-input-box { display:flex; gap:0.5rem; }
.btn-send { background:var(--gold); color:#000; font-weight:700; border:none; padding:0 1.5rem; border-radius:10px; cursor:pointer; font-family:'JetBrains Mono',monospace; }
@media (max-width:850px) { .grid { grid-template-columns:1fr; } }