/* CoachesVault — legal pages (Terms / Privacy). Athletic black & silver, matches the site. */
:root{
  --ink:#0a0b0d; --ink-2:#0e1013;
  --line:rgba(255,255,255,0.13); --line-2:rgba(255,255,255,0.22);
  --white:#fbfbfc; --silver:#c3c7cf; --steel:#8a8f98; --mute:#6b6f77;
  --metal:linear-gradient(135deg,#edeef1 0%,#9a9ea7 100%);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Archivo',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--ink);color:var(--silver);overflow-x:hidden;line-height:1.7;-webkit-font-smoothing:antialiased}
a{text-decoration:none}

nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:rgba(10,11,13,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.logo{display:inline-flex;align-items:center;color:var(--white);font-weight:800;font-size:1.02rem;letter-spacing:.02em;text-transform:uppercase}
.logo svg{width:24px;height:28px;display:block;margin-right:11px}
.logo span{font-weight:800;color:var(--silver)}
.nav-back{font-family:'DM Mono',monospace;font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--steel);transition:color .18s}
.nav-back:hover{color:var(--white)}

.page-wrap{max-width:760px;margin:0 auto;padding:clamp(48px,7vw,80px) 32px 96px}
.meta{font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--steel);margin-bottom:16px}
h1{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(2.4rem,7vw,4.4rem);text-transform:uppercase;letter-spacing:-.03em;color:var(--white);margin-bottom:52px;line-height:.92}

.section{margin-bottom:34px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.section:last-of-type{border-bottom:none}
.section h2{font-family:'DM Mono',monospace;font-size:.72rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--silver);margin-bottom:16px}
.section p{color:var(--silver);font-size:.98rem;margin-bottom:12px;font-weight:400}
.section ul{color:var(--silver);font-size:.98rem;padding-left:20px;margin-bottom:12px;font-weight:400}
.section ul li{margin-bottom:6px}
.section a{color:var(--white);border-bottom:1px solid var(--line-2);transition:border-color .2s}
.section a:hover{border-color:var(--white)}
.section strong{color:var(--white);font-weight:600}

.warning-box{background:var(--ink-2);border:1px solid var(--line-2);padding:18px 22px;margin-bottom:14px}
.warning-box p{margin-bottom:0}

footer{background:var(--ink-2);padding:36px 40px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);flex-wrap:wrap;gap:16px}
footer .logo{font-size:1rem}
.footer-links{display:flex;gap:24px}
.footer-links a{font-family:'DM Mono',monospace;font-size:.72rem;letter-spacing:1px;text-transform:uppercase;color:var(--steel);transition:color .2s}
.footer-links a:hover{color:var(--white)}
footer p{font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:1px;text-transform:uppercase;color:var(--mute)}

:focus-visible{outline:2px solid var(--white);outline-offset:3px}

@media(max-width:640px){
  nav{padding:14px 20px}
  .page-wrap{padding:44px 20px 64px}
  footer{flex-direction:column;gap:16px;text-align:center;padding:32px 24px}
  .footer-links{justify-content:center}
}
