:root { --bg:#101218; --panel:#191c25; --text:#f4f5f7; --muted:#aeb5c2; --accent:#6f8cff; --accent2:#9d6cff; --border:#2c3140; }
* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { font-family:"Segoe UI",Arial,sans-serif; background:radial-gradient(circle at 20% 0%,#1e2440 0,transparent 35%),radial-gradient(circle at 80% 20%,#251d3b 0,transparent 30%),var(--bg); color:var(--text); min-height:100vh; line-height:1.6; }
.container { width:min(900px,90%); margin:auto; }
header { border-bottom:1px solid rgba(255,255,255,.08); backdrop-filter:blur(12px); }
nav { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:flex; align-items:center; gap:12px; color:var(--text); text-decoration:none; font-size:1.35rem; font-weight:700; letter-spacing:.3px; }
.logo { width:38px; height:38px; border-radius:10px; display:grid; place-items:center; font-weight:800; background:linear-gradient(135deg,var(--accent),var(--accent2)); box-shadow:0 8px 25px rgba(111,140,255,.25); }
nav a.back { color:var(--muted); text-decoration:none; transition:.2s; }
nav a.back:hover { color:#fff; }
main { padding:72px 0 88px; }
.eyebrow { display:inline-block; border:1px solid var(--border); background:rgba(255,255,255,.04); color:#cbd2df; border-radius:30px; padding:7px 15px; margin-bottom:20px; font-size:.9rem; }
h1 { font-size:clamp(2.2rem,6vw,4rem); line-height:1.1; letter-spacing:-1.5px; margin-bottom:16px; }
.gradient-text { background:linear-gradient(90deg,#7aa2ff,#b47cff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.intro { color:var(--muted); max-width:680px; font-size:1.08rem; margin-bottom:38px; }
.policy { background:rgba(25,28,37,.8); border:1px solid var(--border); border-radius:18px; padding:clamp(24px,5vw,44px); }
.policy section + section { border-top:1px solid var(--border); margin-top:30px; padding-top:30px; }
h2 { font-size:1.35rem; margin-bottom:10px; }
p, li { color:var(--muted); }
p + p { margin-top:12px; }
ul { margin:12px 0 0 22px; }
li + li { margin-top:7px; }
a { color:#aebdff; }
.effective { color:#cbd2df; font-size:.94rem; margin-bottom:28px; }
footer { border-top:1px solid var(--border); padding:32px 0; text-align:center; color:#7f8795; font-size:.9rem; }
@media (max-width:700px) { nav { min-height:68px; } .brand { font-size:1.1rem; } main { padding:48px 0 60px; } .policy { border-radius:14px; } }