:root{
  --bg:#07090f; --bg2:#0d1120; --text:#e8eaf2; --muted:#8891a8;
  --blue:#4d7cfe; --blue-light:#6d94ff; --cyan:#4bd6e0;
  --border:rgba(99,120,180,.15);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased;}

.legal-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;
  padding:1rem 2rem;background:rgba(7,9,15,.82);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);}
.legal-header .logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text);font-weight:700;letter-spacing:-.02em;}
.legal-header .logo img{height:44px;width:auto;}
.legal-header .back{color:var(--muted);text-decoration:none;font-size:.88rem;transition:color .2s;}
.legal-header .back:hover{color:var(--text);}

.legal-wrap{max-width:820px;margin:0 auto;padding:3.5rem 1.5rem 4rem;}
.legal-eyebrow{font-family:'Space Mono',monospace;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-light);}
.legal-wrap h1{font-size:clamp(2rem,5vw,2.8rem);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:.6rem 0 .6rem;}
.legal-updated{color:var(--muted);font-size:.9rem;margin-bottom:2.5rem;}
.legal-wrap h2{font-size:1.35rem;font-weight:700;margin:2.6rem 0 .8rem;color:var(--text);letter-spacing:-.01em;}
.legal-wrap h3{font-size:1.05rem;font-weight:600;margin:1.6rem 0 .5rem;color:var(--text);}
.legal-wrap p{color:#c3c9d8;margin-bottom:1rem;}
.legal-wrap ul{margin:0 0 1.1rem 1.3rem;color:#c3c9d8;}
.legal-wrap li{margin-bottom:.5rem;}
.legal-wrap a{color:var(--blue-light);text-decoration:none;}
.legal-wrap a:hover{text-decoration:underline;}
.legal-wrap strong{color:var(--text);font-weight:600;}

.legal-box{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;margin:1.5rem 0;}
.legal-box p:last-child{margin-bottom:0;}

.legal-foot{border-top:1px solid var(--border);padding:2rem 1.5rem;text-align:center;color:var(--muted);font-size:.85rem;}
.legal-foot a{color:var(--muted);text-decoration:none;}
.legal-foot a:hover{color:var(--text);}

@media(max-width:640px){
  .legal-header{padding:.85rem 1.25rem;}
  .legal-header .logo img{height:38px;}
  .legal-wrap{padding:2.5rem 1.25rem 3rem;}
}