/* Styles for privacy.html — standalone page, does not use base.css */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#08080d;
  --bg-card:rgba(255,255,255,0.018);
  --border:rgba(255,255,255,0.05);
  --text:#f0f0f5;
  --text-secondary:#8e8ea0;
  --accent:#64ffda;
  --heading:'Space Grotesk',sans-serif;
  --body:'Inter',sans-serif;
  --mono:'JetBrains Mono',monospace;
}
html{
  scroll-behavior:smooth;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,0.06) transparent;
}
body{
  background:var(--bg);color:var(--text);
  font-family:var(--body);line-height:1.7;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
body::before{
  content:'';position:fixed;top:0;left:0;
  width:100%;height:100%;z-index:999;pointer-events:none;opacity:0.025;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:256px 256px;
}
body::after{
  content:'';position:fixed;top:0;left:0;
  width:100%;height:100%;z-index:0;pointer-events:none;opacity:0.035;
  background-image:radial-gradient(circle,rgba(255,255,255,0.3) 1px,transparent 1px);
  background-size:48px 48px;
}
main{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:60px 20px;}
h1{font-family:var(--heading);font-size:2.4rem;font-weight:700;margin-bottom:20px;color:var(--text);letter-spacing:-0.02em;}
h2{font-family:var(--heading);font-size:1.3rem;font-weight:600;margin-top:40px;margin-bottom:16px;color:var(--accent);}
p{margin-bottom:16px;color:var(--text);font-size:0.95rem;}
ul,ol{margin-left:24px;margin-bottom:16px;}
li{margin-bottom:8px;color:var(--text);}
code{background:var(--bg-card);color:#a78bfa;padding:2px 6px;border-radius:3px;font-family:var(--mono);font-size:0.9em;}
a{color:var(--accent);text-decoration:underline;transition:opacity 0.2s;}
a:hover{opacity:0.8;}
footer{margin-top:60px;padding-top:20px;border-top:1px solid var(--border);text-align:center;font-size:0.85rem;color:var(--text-secondary);}
.back-link{display:inline-block;margin-bottom:30px;font-size:0.9rem;}
.last-updated{margin-top:30px;padding-top:20px;border-top:1px solid var(--border);font-size:0.85rem;color:var(--text-secondary);}
::selection{background:rgba(100,255,218,0.2);color:#fff;}
@media(max-width:640px){
  main{padding:40px 16px;}
  h1{font-size:1.8rem;}
  h2{font-size:1.1rem;}
}