@import url('./tokens.css');
/* Legal / Terms / Privacy general styles */
body { font-family: system-ui, 'Raleway', sans-serif; margin:0; background:#0c0c0d; color:#f1f2f4; min-height:100vh; display:flex; flex-direction:column; }
header.legal { text-align:center; padding:3.5rem 1rem 1.5rem; position:relative; }
header.legal h1 { margin:0; font-size:clamp(1.9rem,5vw,3rem); letter-spacing:.5px; background:linear-gradient(120deg,#b48bff,#6b9dff 60%,#ffffff); -webkit-background-clip:text; background-clip:text; color:transparent; }
header.legal p { margin:.35rem 0 0; font-weight:600; font-size:.8rem; letter-spacing:2px; opacity:.75; text-transform:uppercase; }
.btn-home { position:absolute; top:1rem; right:1rem; background:#6b4bff; color:#fff; font-weight:600; padding:.55rem .95rem; border:none; border-radius:.65rem; cursor:pointer; box-shadow:0 2px 10px -2px #000; letter-spacing:.5px; }
.btn-home:hover { background:#5439cc; }
main.legal { width:min(100%,860px); margin:0 auto; padding:0 1.25rem 3rem; position:relative; z-index:5; }
.prose { background:#15161a; padding:1.75rem 2rem; border-radius:1.1rem; line-height:1.55; font-size:1rem; box-shadow:0 0 0 1px #23262d,0 8px 28px -15px #000; }
.prose p { margin:0 0 1rem; color:#c9d0dc; }
canvas.bg-particles { position:fixed; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; }
footer.legal { text-align:center; font-size:.7rem; opacity:.65; margin:2.5rem 0 1.25rem; }
@media (max-width:640px){ .prose{padding:1.25rem 1.2rem;} header.legal{padding:3rem 1rem 1.25rem;} }