:root{
  --bg:#07090C;
  --panel:#0F1520;
  --text:#E9EEF5;
  --muted:#AEB6C2;
  --line:#1F2A3A;
  --accent:#F1BA1B;
  --white:#FFFFFF;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: Inter, Arial, sans-serif;
  background:linear-gradient(180deg,#07090C 0%,#0B1119 100%);
  color:var(--text);
  line-height:1.65;
}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:980px;margin:0 auto;padding:28px 20px 56px}
.topbar{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:14px 0 22px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:28px
}
.brand{display:flex;align-items:center;gap:14px;color:var(--white);font-weight:700}
.brand img{width:140px;height:auto}
.back{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 16px;border:1px solid rgba(241,186,27,.35);border-radius:999px;
  background:rgba(241,186,27,.08);color:var(--white)
}
.hero{
  padding:10px 0 8px;
}
.kicker{
  color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:700
}
h1{
  font-size:clamp(2rem,4vw,3rem);line-height:1.08;margin:.35rem 0 1rem;color:var(--white)
}
.lead{font-size:1.08rem;color:var(--muted);max-width:820px}
.card{
  background:rgba(15,21,32,.82);
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:24px;
  box-shadow:0 18px 50px rgba(0,0,0,.24);
  margin-top:24px
}
h2{font-size:1.35rem;margin:2rem 0 .8rem;color:var(--white)}
h3{font-size:1rem;margin:1.1rem 0 .4rem;color:var(--white)}
p,li{color:var(--text)}
ul{padding-left:1.2rem}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;margin:14px 0 6px}
th,td{border:1px solid rgba(255,255,255,.1);padding:12px 10px;text-align:left;vertical-align:top}
th{background:rgba(241,186,27,.12);color:var(--white)}
.note,.warning{
  border-left:4px solid var(--accent);
  background:rgba(241,186,27,.08);
  padding:14px 16px;border-radius:12px;margin:18px 0
}
.small{font-size:.95rem;color:var(--muted)}
.footer-links{
  display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)
}
.footer-links a{
  padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text)
}
@media (max-width:700px){
  .topbar{flex-direction:column;align-items:flex-start}
  .brand img{width:120px}
}

.footer-link-button{
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  color:var(--text);
  font:inherit;
  cursor:pointer;
}
.footer-link-button:hover{
  border-color:rgba(241,186,27,.45);
  color:var(--white);
}

.cookie-banner{
  position:fixed;
  left:24px;
  right:24px;
  bottom:24px;
  z-index:1200;
  max-width:1120px;
  margin:0 auto;
  padding:1rem;
  border-radius:22px;
  background:rgba(7,9,12,.96);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 80px rgba(0,0,0,.45);
  backdrop-filter: blur(12px);
}
.cookie-banner[hidden], .cookie-panel[hidden]{display:none !important}
.cookie-banner__grid{
  display:grid;
  grid-template-columns:1.4fr .9fr;
  gap:1rem;
  align-items:start;
}
.cookie-banner__eyebrow{
  display:inline-block;
  margin-bottom:.45rem;
  color:var(--accent);
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700
}
.cookie-banner h2{margin:0 0 .5rem;font-size:1.15rem}
.cookie-banner p{margin:0;color:var(--muted)}
.cookie-banner a{color:var(--accent)}
.cookie-banner__actions{
  display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end
}
.cookie-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.78rem 1rem;border-radius:999px;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--text);font:inherit;font-weight:600;cursor:pointer
}
.cookie-btn--primary{background:var(--accent);color:#111;border-color:transparent}
.cookie-btn--ghost{background:transparent}
.cookie-panel{
  position:fixed;inset:0;z-index:1250;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:20px
}
.cookie-panel__dialog{
  width:min(760px,100%);max-height:min(90vh,860px);overflow:auto;padding:1.2rem;border-radius:24px;
  background:rgba(9,12,18,.98);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px rgba(0,0,0,.45)
}
.cookie-panel__top{
  display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem
}
.cookie-panel__top h2{margin:0}
.cookie-close{border:0;background:transparent;color:var(--text);font-size:1.6rem;line-height:1;cursor:pointer}
.cookie-option{
  border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1rem;margin:.8rem 0;background:rgba(255,255,255,.03)
}
.cookie-option__head{
  display:flex;align-items:center;justify-content:space-between;gap:1rem
}
.cookie-option h3{margin:0 0 .2rem;font-size:1rem}
.cookie-option p{margin:.35rem 0 0;color:var(--muted)}
.cookie-switch{display:inline-flex;align-items:center;gap:.55rem;font-size:.95rem}
.cookie-switch input{inline-size:18px;block-size:18px}
.cookie-panel__actions{
  display:flex;flex-wrap:wrap;gap:.7rem;justify-content:flex-end;margin-top:1rem
}
@media (max-width:820px){
  .cookie-banner{left:16px;right:16px;bottom:16px}
  .cookie-banner__grid{grid-template-columns:1fr}
  .cookie-banner__actions{justify-content:flex-start}
}