/* Stil comun pentru paginile legale. index.html rămâne self-contained;
   doar aceste trei pagini împart fișierul, ca să nu dublăm CSS de trei ori. */

:root{
  --ink:#04060E;
  --surface:#080D1B;
  --elevated:#111B33;
  --electric:#4F8BFF;
  --flame:#FB5A63;
  --text:#F3F6FD;
  --text-soft:#C3CCE0;
  --muted:#93A0BC;
  --border:rgba(255,255,255,.10);
  --wrap:820px;
  --gutter:clamp(20px,5vw,48px);
}

*,*::before,*::after{box-sizing:border-box}

body{
  margin:0;
  background:var(--ink);
  color:var(--text-soft);
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:16.5px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%}
a{color:var(--electric);text-decoration:none;border-bottom:1px solid rgba(79,139,255,.35)}
a:hover{color:var(--text);border-bottom-color:var(--text)}
a:focus-visible{outline:3px solid var(--flame);outline-offset:3px;border-radius:3px}

.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}

/* bara de sus */
.legal-nav{
  position:sticky;top:0;z-index:10;
  background:rgba(4,6,14,.82);
  backdrop-filter:blur(14px) saturate(160%);
  border-bottom:1px solid var(--border);
}
.legal-nav .wrap{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-block:14px;
}
.legal-nav img{height:26px;width:auto}
.back{
  font-size:14px;color:var(--muted);border:0;
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
}
.back:hover{color:var(--text)}

/* conținut */
main{padding-block:clamp(40px,7vw,72px) clamp(56px,9vw,104px)}

.eyebrow{
  display:inline-block;
  font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--flame);font-weight:700;margin-bottom:12px;
}
h1{
  font-family:"Archivo","Inter",sans-serif;
  font-weight:900;letter-spacing:-.03em;line-height:1.08;
  font-size:clamp(30px,5.2vw,46px);
  color:var(--text);margin:0 0 10px;
}
.updated{font-size:14px;color:var(--muted);margin:0 0 clamp(28px,5vw,44px)}

h2{
  font-family:"Archivo","Inter",sans-serif;
  font-weight:800;letter-spacing:-.015em;line-height:1.25;
  font-size:clamp(20px,2.7vw,26px);
  color:var(--text);
  margin:clamp(34px,5vw,52px) 0 14px;
  padding-top:clamp(20px,3vw,28px);
  border-top:1px solid var(--border);
}
h2:first-of-type{border-top:0;padding-top:0}
h3{
  font-size:17px;font-weight:700;color:var(--text);
  margin:28px 0 10px;
}
h4{
  font-size:15px;font-weight:700;color:var(--electric);
  margin:22px 0 8px;
}
p{margin:0 0 16px}
ul{margin:0 0 18px;padding-left:22px}
li{margin-bottom:8px}
li::marker{color:var(--flame)}
strong{color:var(--text);font-weight:600}

.note{
  border:1px solid var(--border);
  border-left:3px solid var(--flame);
  border-radius:0 10px 10px 0;
  background:var(--surface);
  padding:16px 20px;margin:24px 0;
  font-size:15.5px;
}

/* subsol */
.legal-foot{
  border-top:1px solid var(--border);
  background:var(--surface);
  padding-block:28px;
  font-size:14px;color:var(--muted);
}
.legal-foot .wrap{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:space-between}
.legal-foot nav{display:flex;flex-wrap:wrap;gap:10px 18px}
.legal-foot a{border:0;color:var(--muted)}
.legal-foot a:hover{color:var(--text)}
.legal-foot a[aria-current="page"]{color:var(--text)}

@media (prefers-reduced-motion:reduce){
  *{transition-duration:.001ms !important;scroll-behavior:auto !important}
}