:root{
  --bg:#0f1729; --panel:#fff; --ink:#16202e; --muted:#5b6b7f; --line:#e3e8ef;
  --brand:#0b5cff; --accent:#0a7d3f; --down:#b3261e; --soft:#f5f8fc;
  --maxw:940px; --radius:14px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);background:var(--soft)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:2rem;line-height:1.2;margin:.2em 0}
h2{font-size:1.3rem;margin:1.8em 0 .6em}
section{margin:2.2rem 0}

/* header */
.site-head{background:var(--bg);position:sticky;top:0;z-index:5}
.head-inner{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{color:#fff;font-size:1.05rem;font-weight:500;display:flex;align-items:center;gap:.5em}
.brand b{font-weight:700}
.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(10,125,63,.25)}
.site-head nav a{color:#c7d2e0;margin-left:1.2em;font-size:.95rem}
.site-head nav a.on,.site-head nav a:hover{color:#fff;text-decoration:none}

/* hero */
.hero{padding:2.4rem 0 1rem}
.hero.small{padding:1.6rem 0 .4rem}
.lead{font-size:1.12rem;color:#2c3a4b;max-width:70ch}
.stamp{color:var(--muted);font-size:.9rem;margin-top:.6rem}
.big-val{font-size:3rem;font-weight:800;letter-spacing:-.02em}
.pct{font-size:.5em;color:var(--muted);font-weight:600;margin-left:.15em}
.spark-big{margin:.6rem 0}
.spark-big .spark{width:100%;height:70px}

/* rate grid */
.rate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.rate-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 16px 12px;color:inherit;transition:.15s;box-shadow:0 1px 2px rgba(16,32,46,.04)}
.rate-card:hover{text-decoration:none;border-color:#c4d3ea;box-shadow:0 6px 20px rgba(11,92,255,.10);transform:translateY(-2px)}
.rate-top{display:flex;justify-content:space-between;align-items:start;gap:8px}
.rate-label{font-weight:600;font-size:.98rem}
.rate-cat{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);
  background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:2px 8px;white-space:nowrap}
.rate-val{font-size:2rem;font-weight:800;margin:.3rem 0 .1rem;letter-spacing:-.02em}
.rate-foot{color:var(--muted);font-size:.82rem;margin-top:.4rem}
.spark{width:100%;height:44px;display:block;margin:.2rem 0}

/* tables */
table.chg{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;font-size:.94rem}
.chg th{background:var(--soft);text-align:left;padding:10px 12px;font-size:.8rem;text-transform:uppercase;
  letter-spacing:.03em;color:var(--muted);border-bottom:1px solid var(--line)}
.chg td{padding:10px 12px;border-bottom:1px solid var(--line)}
.chg tr:last-child td{border-bottom:0}
.chg .num{text-align:right;font-variant-numeric:tabular-nums}
.chg .nowrap{white-space:nowrap}
.up{color:var(--accent);font-weight:600}
.down{color:var(--down);font-weight:600}
.compact td{padding:7px 12px}

/* cta / newsletter */
.cta{background:linear-gradient(135deg,#0b5cff,#0a3aa8);color:#fff;border-radius:18px;padding:26px 24px}
.cta h2{margin-top:0;color:#fff}
.cta p{color:#dbe6ff;max-width:60ch}
.signup{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 6px}
.signup input{flex:1;min-width:220px;padding:13px 14px;border:0;border-radius:10px;font-size:1rem}
.signup button{padding:13px 22px;border:0;border-radius:10px;background:#0a7d3f;color:#fff;font-weight:700;
  font-size:1rem;cursor:pointer}
.signup button:hover{background:#0a6d37}
.small{font-size:.85rem}
.cta .muted{color:#b9c9ee}

/* misc */
.crumb{color:var(--muted);font-size:.9rem;margin:1rem 0 0}
.prose{max-width:72ch}
.prose p,.prose li{color:#2c3a4b}
.notice{background:#fff6e5;border:1px solid #f0d48a;border-radius:10px;padding:10px 14px;color:#7a5b00}
.muted{color:var(--muted)}
.site-foot{margin-top:3rem;background:var(--bg);color:#aebaccolor;padding:2rem 0}
.site-foot p{color:#98a7bb;font-size:.9rem;margin:.4em 0}
.site-foot a{color:#c7d2e0}
/* language switcher + machine-translation notice */
.langsw{margin-inline-start:1em;border-inline-start:1px solid #33465f;padding-inline-start:1em}
.langsw a{color:#8ea3bd;margin-inline-start:.5em;font-size:.82rem;font-weight:600}
.langsw a.on,.langsw a:hover{color:#fff}
.mt-notice{background:#eef4ff;border-bottom:1px solid #d3e0f5}
.mt-notice .wrap{padding:8px 20px;color:#33507d;font-size:.86rem}

/* RTL (Arabisch) */
body.rtl{direction:rtl}
body.rtl .chg th,body.rtl .rate-label{text-align:right}
body.rtl .chg .num{text-align:left}
body.rtl .rate-foot,body.rtl .stamp{text-align:right}

@media(max-width:560px){h1{font-size:1.6rem}.big-val{font-size:2.4rem}.head-inner{height:54px}
  .brand{font-size:.95rem}.site-head nav a{margin-left:.8em;font-size:.85rem}
  .langsw{margin-inline-start:.5em;padding-inline-start:.5em}}