:root { color-scheme: dark; --bg: #08090c; --surface: #101116; --line: rgba(255,255,255,.1); --text: #f4f4f7; --soft: #b6b7c2; --muted: #858793; --accent: #8875ff; }
* { box-sizing: border-box; }
html { background: var(--bg); scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 70% -15%, rgba(117,91,255,.1), transparent 34rem), var(--bg); color: var(--text); font: 16px/1.7 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; }
.legal-header { border-bottom: 1px solid var(--line); background: rgba(8,9,12,.88); }
.legal-nav { width: min(100% - 40px, 920px); min-height: 68px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.legal-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 700; }
.legal-brand img { width: 30px; height: 30px; object-fit: contain; }
.back-link { color: var(--soft); font-size: .88rem; text-decoration: none; }
.back-link:hover { color: var(--text); }
.legal-main { width: min(100% - 40px, 760px); margin: 0 auto; padding: 76px 0 100px; }
.legal-kicker { margin: 0 0 10px; color: var(--accent); font-size: .74rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(2.3rem, 7vw, 4rem); line-height: 1.05; letter-spacing: -.045em; }
.updated { margin: 18px 0 50px; color: var(--muted); font-size: .86rem; }
.legal-notice { margin-bottom: 38px; padding: 16px 18px; border: 1px solid rgba(136,117,255,.25); border-radius: 12px; background: rgba(136,117,255,.06); color: var(--soft); }
.legal-section { padding: 28px 0; border-top: 1px solid var(--line); }
h2 { margin: 0 0 10px; font-size: 1.12rem; letter-spacing: -.015em; }
p, li { color: var(--soft); }
p { margin: 0 0 12px; }
ul { margin: 10px 0 0; padding-left: 20px; }
li + li { margin-top: 7px; }
.legal-footer { border-top: 1px solid var(--line); color: var(--muted); }
.legal-footer-inner { width: min(100% - 40px, 920px); min-height: 84px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: .8rem; }
.legal-footer nav { display: flex; gap: 16px; }
.download-main { width: min(100% - 40px, 920px); }
.download-hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr); gap: 42px; align-items: center; padding: 34px; border: 1px solid rgba(136,117,255,.22); border-radius: 22px; background: linear-gradient(145deg, rgba(136,117,255,.1), rgba(16,17,22,.88) 42%); box-shadow: 0 28px 80px rgba(0,0,0,.28); }
.download-hero .legal-notice { margin: 24px 0 0; }
.download-art { display: grid; place-items: center; min-height: 280px; border: 1px solid var(--line); border-radius: 18px; background: radial-gradient(circle, rgba(136,117,255,.16), transparent 64%); }
.download-art img { width: min(74%, 260px); height: auto; filter: drop-shadow(0 24px 46px rgba(89,69,230,.25)); }
.download-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 26px; }
.download-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 20px; border: 1px solid rgba(255,255,255,.2); border-radius: 11px; background: linear-gradient(180deg, #9484ff, #6655d9); color: white; font-weight: 700; text-decoration: none; box-shadow: 0 12px 30px rgba(88,68,221,.24); }
.download-button:hover { filter: brightness(1.06); }
.download-version { color: var(--muted); font-size: .78rem; }
.download-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 30px; }
.download-step { padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: rgba(16,17,22,.72); }
.download-step p { margin-bottom: 0; font-size: .9rem; }
.checksum { margin-top: 22px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.checksum code { display: block; overflow-wrap: anywhere; color: var(--muted); font: .72rem/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; }
@media (max-width: 760px) { .download-hero { grid-template-columns: 1fr; padding: 24px; } .download-art { min-height: 220px; } .download-steps { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .legal-main { padding-top: 52px; } .legal-footer-inner { padding: 22px 0; align-items: flex-start; flex-direction: column; } }
