:root{
  --bg:#0b1220;
  --panel:#111827;
  --panel-2:#172033;
  --text:#e5eefc;
  --muted:#a7b7d6;
  --line:#22304a;
  --accent:#ef4444;
  --accent-2:#2563eb;
  --good:#22c55e;
  --warn:#f59e0b;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#09111f,#0d1526 32%,#0b1220);color:var(--text)}
a{color:#c7d7ff;text-decoration:none}
a:hover{text-decoration:underline}
.site-wrap{max-width:1320px;margin:0 auto;padding:24px}
.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:28px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(239,68,68,.12));border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,.24)}
.hero.compact{margin-bottom:18px}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:#c0d4ff;font-weight:700}
h1,h2,h3{margin:0}
.lead{color:var(--muted);max-width:700px;line-height:1.5}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.pill{padding:10px 14px;border-radius:999px;background:rgba(10,15,28,.55);border:1px solid var(--line);color:#d8e3fb;font-size:.92rem}
.grid{display:grid;gap:20px}
.two-col{grid-template-columns:1.1fr .9fr;margin-top:20px}
.admin-grid{grid-template-columns:.75fr 1.25fr}
.card{background:rgba(17,24,39,.88);border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 16px 30px rgba(0,0,0,.18)}
.card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:18px}
.card-head p{margin:0;color:var(--muted)}
.form-grid,.results-grid,.summary-strip{display:grid;gap:14px}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}
label span{display:block;font-size:.9rem;color:var(--muted);margin-bottom:8px}
input,select,textarea{width:100%;background:#0a1020;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit}
textarea{min-height:90px;resize:vertical}
.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0 18px}
.metric-tile{padding:16px;border-radius:18px;background:var(--panel-2);border:1px solid var(--line)}
.metric-tile span{display:block;color:var(--muted);font-size:.88rem;margin-bottom:8px}
.metric-tile strong{font-size:1.4rem}
.metric-tile.accent{background:linear-gradient(135deg,rgba(239,68,68,.14),rgba(37,99,235,.18))}
.section-title{margin:22px 0 10px;font-size:1rem;font-weight:700;color:#d7e2fb}
.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.result-card,.bench-card{padding:16px;border-radius:18px;background:var(--panel-2);border:1px solid var(--line)}
.result-card .label{color:var(--muted);font-size:.92rem}
.result-card .value{font-size:1.26rem;font-weight:700;margin-top:8px}
.bench-stack{display:grid;gap:16px}
.bench-card table{width:100%;border-collapse:collapse;margin-top:10px}
.bench-card th,.bench-card td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:.94rem}
.bench-card th{color:#cddbf9;font-size:.84rem;text-transform:uppercase;letter-spacing:.06em}
.direction-up{color:var(--good);font-weight:700}
.direction-down{color:var(--warn);font-weight:700}
.footer{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.92rem;padding:18px 4px}
.login-card{max-width:520px;margin:8vh auto 0;padding:28px;border-radius:24px;background:rgba(17,24,39,.9);border:1px solid var(--line)}
.login-form,.stack-fields{display:grid;gap:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:14px;background:linear-gradient(135deg,var(--accent),#dc2626);color:white;font-weight:700;cursor:pointer}
.btn.subtle{background:#172033;border:1px solid var(--line);color:var(--text)}
.muted-link,.muted{color:var(--muted)}
.alert{padding:14px 16px;border-radius:16px;margin:14px 0}
.alert.error{background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.35)}
.alert.success{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3)}
.bench-editor{display:grid;gap:18px}
.editor-group{padding:18px;border-radius:20px;background:var(--panel-2);border:1px solid var(--line)}
.editor-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:10px}
.editor-grid .header{color:#cddbf9;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}
.sticky-actions{display:flex;justify-content:space-between;align-items:center;position:sticky;bottom:0;margin-top:20px;padding:16px 18px;background:rgba(9,17,31,.92);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:18px}
code{background:#0a1020;padding:2px 6px;border-radius:8px;border:1px solid var(--line)}
@media (max-width: 980px){
  .two-col,.admin-grid,.summary-strip,.form-grid,.results-grid,.editor-grid{grid-template-columns:1fr}
  .hero,.footer,.sticky-actions{flex-direction:column;align-items:flex-start}
  .hero-actions{justify-content:flex-start}
}


.hero-logo-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:12px;
  width:100%;
}
.hero-logo{
  width:auto;
  display:block;
}

.highlight-tile{border:2px solid #ffffff;box-shadow:0 0 12px rgba(255,255,255,0.4);font-weight:800;background:linear-gradient(135deg,rgba(239,68,68,.35),rgba(37,99,235,.35));}