/* legal.css — Privacy & Terms pages. Підключати ПІСЛЯ styles.css. */
:root{
  --bg:#1A1A1A; --navy:#113457; --blue:#0B78E4; --light-blue:#8CC5FF;
  --white:#FFFFFF; --muted:#939393; --line:rgba(255,255,255,.1);
}

/* Лендінг ставить overflow:hidden — для довгих сторінок вмикаємо скрол */
html, body{ overflow-y:auto; height:auto; min-height:100%; }

body{
  background:var(--bg);
  color:var(--white);
  font-family:Inter, sans-serif;
  line-height:1.6;
  background-image:radial-gradient(80% 60% at 50% -10%, rgba(17,52,87,.55), transparent 60%);
  background-repeat:no-repeat;
  background-attachment:fixed;
}

/* Header / nav */
header{
  position: fixed;
  width:100%;
  z-index: 10;
}

header::before{
  content:"";
  position:absolute;
  inset:0;
  bottom:-28px;
  z-index:-1;
  pointer-events:none;

  background:linear-gradient(
    to bottom,
    rgba(26,26,26,.92) 0%,
    rgba(26,26,26,.70) 45%,
    rgba(26,26,26,0) 100%
  );

  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  -webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%);
  mask-image:linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%);
}

nav{
    max-width: 1000px;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
}

nav .logo{display: inline-flex; line-height: 0;}
nav .logo svg{width: 86px; height: auto;}

.nav-links{
    list-style: none;
    display:flex;
    gap:28px;
    margin:0;
    padding:0;
}

.nav-links a{
    color: var(--muted);
    text-decoration: none;
    font-size: 15px;
    transition: all .2s ease-in-out;
    font-family: 'Inter', sans-serif;
}

.nav-links a:hover, .nav-links a.active{ color:var(--white); }

.legal{ max-width:760px; margin:40px auto; padding:72px 24px 110px; }
.legal h1{
  font-family:'Space Grotesk', sans-serif; font-weight:700;
  font-size:clamp(34px,6vw,48px); letter-spacing:-.02em; line-height:1.1; margin:0 0 12px;
}
.legal .updated{ color:var(--muted); font-size:15px; margin:0 0 48px; }
.legal h2{
  font-family:'Space Grotesk', sans-serif; font-weight:500;
  font-size:22px; letter-spacing:-.01em; color:var(--white); margin:44px 0 14px;
}
.legal p{ color:#c9c9c9; font-size:16px; line-height:1.7; margin:0 0 16px; }
.legal ul{ margin:0 0 16px; padding-left:22px; color:#c9c9c9; }
.legal li{ font-size:16px; line-height:1.7; margin-bottom:8px; }
.legal a{ color:var(--light-blue); text-decoration:underline; text-underline-offset:2px; }
.legal a:hover{ color:var(--white); }
.legal strong{ color:var(--white); font-weight:600; }
.legal .callout{
  border-left:3px solid var(--blue); background:rgba(11,120,228,.08);
  padding:16px 18px; border-radius:0 10px 10px 0; margin:0 0 16px;
}
.legal .callout p{ margin:0; color:#dfe7f2; }

@media (max-width:600px){
  .nav-links{ gap:18px; }
  .legal{ padding:48px 20px 90px; }
}
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }