/* Shared styling for GPUNET legal pages — on-brand, readable document layout */
:root{
  --black:#06070a; --white:#eef2f4; --accent:#2de2c6; --violet:#8b5cf6;
  --gray:#7a8694; --light-gray:#121620; --amber:#f5b544; --red:#ff6b6b;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--black); color:var(--white); font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.6; min-height:100vh;
}
.glow{position:fixed; top:-15%; left:50%; transform:translateX(-50%); width:900px; height:900px; z-index:0; pointer-events:none;
  background:radial-gradient(circle, rgba(139,92,246,.14), rgba(45,226,198,.05) 40%, transparent 65%); filter:blur(20px);}

nav{position:fixed; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between;
  padding:20px 48px; background:linear-gradient(to bottom, rgba(6,7,10,.9), transparent);}
.nav-logo{font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:22px; letter-spacing:.04em; text-transform:uppercase; text-decoration:none; color:var(--white);}
.nav-logo span{color:var(--accent);}
.nav-right{display:flex; gap:26px; align-items:center;}
.nav-right a{font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--white); text-decoration:none; opacity:.65; transition:opacity .25s;}
.nav-right a:hover,.nav-right a.active{opacity:1;}

.wrap{position:relative; z-index:5; max-width:820px; margin:0 auto; padding:130px 48px 80px;}
.tag{font-size:11px; letter-spacing:.25em; text-transform:uppercase; color:var(--accent); margin-bottom:16px;}
h1{font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:44px; line-height:1.05; letter-spacing:.01em; margin-bottom:10px; text-transform:uppercase;}
.updated{color:var(--gray); font-size:13px; margin-bottom:28px;}
h2{font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:22px; letter-spacing:.02em; text-transform:uppercase; margin:34px 0 12px; color:var(--white);}
h3{font-size:16px; font-weight:600; margin:20px 0 8px; color:var(--accent);}
p,li{color:#c3ccd6; font-size:15px; margin-bottom:12px;}
ul,ol{padding-left:22px; margin-bottom:12px;}
li{margin-bottom:6px;}
strong{color:var(--white);}
a{color:var(--accent);}
.ph{color:var(--amber); font-weight:600;}   /* placeholder to be filled in */

.banner{border:1px solid rgba(245,181,68,.35); background:rgba(245,181,68,.07); border-radius:10px; padding:16px 18px; margin-bottom:30px;}
.banner b{color:var(--amber); text-transform:uppercase; letter-spacing:.05em; font-size:12px;}
.banner p{color:#e6d3a8; font-size:13px; margin:6px 0 0;}

.docnav{display:flex; flex-wrap:wrap; gap:10px; margin:0 0 34px;}
.docnav a{font-size:12px; letter-spacing:.04em; text-transform:uppercase; text-decoration:none; color:var(--white); border:1px solid rgba(238,242,244,.18); padding:8px 14px; border-radius:20px; opacity:.75; transition:all .2s;}
.docnav a:hover{opacity:1; border-color:var(--accent);}
.docnav a.active{background:var(--accent); color:var(--black); border-color:var(--accent); opacity:1;}

footer{position:relative; z-index:5; border-top:1px solid rgba(238,242,244,.08); margin-top:20px; padding:30px 48px; text-align:center; color:var(--gray); font-size:12px;}
footer a{color:var(--gray); text-decoration:none; margin:0 10px;}
footer a:hover{color:var(--white);}

@media(max-width:640px){
  nav{padding:16px 22px;} .nav-right a:not(.nav-logo){display:none;}
  .wrap{padding:110px 22px 60px;} h1{font-size:34px;}
}