@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;800&display=swap');

.eqx-er { 
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.20);
  border-radius: 18px;
  backdrop-filter: blur(14px);
  padding: 28px;
  max-width: 1100px;
  margin: 0 auto 60px auto;
  color: #DEE1ED;
  font-family: 'Orbitron', sans-serif;
}

.eqx-er h3 {
  margin: 0 0 18px 0;
  font-weight: 700;
  letter-spacing: .6px;
}

.eqx-er-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px 28px;
}
.eqx-er-grid .full { grid-column: 1 / -1; }

.eqx-er label { display:block; font-size:14px; letter-spacing:.4px; margin-bottom:6px; }

.eqx-er input[type="number"] {
  width: 100%;
  padding: 14px 16px;
  border-radius: 12px;
  border: none;
  background: rgba(255,255,255,0.14);
  color: #fff;
  font-size: 15px;
  font-family: 'Orbitron', sans-serif;
}

.eqx-er .muted {
  margin-top: 6px;
  font-size: 12px;
  color: rgba(222,225,237,0.66);
}

.eqx-er #eqx_er_calc_btn {
  background: linear-gradient(90deg, #71A9FF, #6B7CFF);
  border: none; padding: 14px 22px;
  border-radius: 10px; color: #fff;
  font-size: 15px; cursor: pointer; transition:.25s;
}
.eqx-er #eqx_er_calc_btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(113,169,255,0.35);
}

.eqx-er .result {
  margin-top: 26px;
  padding: 22px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 14px;
}

.eqx-er .kpi {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.eqx-er .kpi .card {
  background: rgba(255,255,255,0.07);
  border-radius: 12px;
  padding: 16px; text-align:center;
}
.eqx-er .kpi .title { font-size:12px; color: rgba(222,225,237,0.78); letter-spacing:.4px; }
.eqx-er .kpi .big { font-size:24px; margin-top:8px; font-weight:700; color:#fff; }

.eqx-er .rows { margin-top:18px; }
.eqx-er .row { display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px dashed rgba(255,255,255,0.12); font-size:14px; }
.eqx-er .row:last-child { border-bottom:none; }

.eqx-er .method {
  margin-top: 18px; padding: 14px;
  background: rgba(255,255,200,0.10);
  border: 1px solid rgba(255,255,200,0.25);
  border-radius: 12px; color: rgba(255,255,240,0.88);
  font-size: 12px; line-height: 1.4;
}

@media (max-width: 900px) {
  .eqx-er-grid { grid-template-columns: 1fr; }
  .eqx-er .kpi { grid-template-columns: 1fr 1fr; }
}