:root{
  --or-bg:#000;
  --or-card-bg:rgba(8,8,8,.92);
  --or-card-bd:rgba(8,247,254,.45);
  --or-ink:#dffcff;
  --or-cyan:#08f7fe;
  --or-mag:#ff00fc;
}
.hidden{ display:none !important; }
.or-page{ margin:0; min-height:100vh; background:radial-gradient(circle at top, rgba(8,247,254,.08), transparent 35%), #000; color:var(--or-ink); font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial; }
.or-page-wrap{ width:min(980px, calc(100vw - 24px)); margin:0 auto; padding:24px 0 40px; }
.or-page-card{ background:var(--or-card-bg); border:1px solid var(--or-card-bd); border-radius:18px; padding:18px; box-shadow:0 0 22px rgba(8,247,254,.15); margin-bottom:16px; }
.or-page-title{ margin:0 0 10px; color:var(--or-cyan); font:800 22px/1.2 monospace; letter-spacing:.05em; text-transform:uppercase; }
.or-page-sub{ margin:0 0 14px; color:rgba(223,252,255,.82); line-height:1.5; }
.or-page-list{ margin:0; padding-left:18px; line-height:1.6; }
.or-pill-row{ display:flex; flex-wrap:wrap; gap:8px; }
.or-pill{ display:inline-flex; align-items:center; border:1px solid rgba(8,247,254,.45); border-radius:999px; padding:6px 10px; font:700 12px/1 monospace; color:var(--or-ink); text-decoration:none; }
.or-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }
.or-stat{ border:1px solid rgba(8,247,254,.28); border-radius:14px; padding:12px; background:rgba(2,2,2,.88); }
.or-stat-label{ color:rgba(223,252,255,.65); font:700 11px/1 monospace; text-transform:uppercase; letter-spacing:.08em; }
.or-stat-value{ margin-top:8px; font:800 15px/1.4 monospace; color:var(--or-cyan); }