:root { color-scheme: dark; }
* { box-sizing: border-box; }
html { background: #0f0913; }
body { min-width: 320px; margin: 0; overflow-x: hidden; background: radial-gradient(circle at 74% 0%, rgba(213, 38, 149, .15), transparent 30%), linear-gradient(145deg, #100714 0%, #130a1a 52%, #0f0913 100%); color: #f8eef8; font-family: Manrope, Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
.legal-noise { position: fixed; z-index: 0; inset: 0; opacity: .18; pointer-events: none; background-image: radial-gradient(rgba(255,255,255,.32) .55px, transparent .55px); background-size: 4px 4px; mask-image: linear-gradient(#0002, transparent 80%); }
.legal-header, .legal-main, .legal-footer { position: relative; z-index: 1; width: min(1080px, calc(100% - 56px)); margin: 0 auto; }
.legal-header { display: flex; align-items: center; justify-content: space-between; min-height: 86px; border-bottom: 1px solid rgba(255,255,255,.1); }
.legal-brand { display: inline-flex; gap: 11px; align-items: center; color: #fff; font: 700 17px Space Grotesk, Arial, sans-serif; letter-spacing: -.06em; }
.legal-brand-mark { position: relative; display: inline-block; width: 23px; height: 27px; clip-path: polygon(50% 0, 100% 100%, 0 100%); background: linear-gradient(135deg, #ffbdf1 2%, #f64ebf 48%, #9525c7 100%); box-shadow: 0 0 22px rgba(255,75,196,.45); }
.legal-brand-mark::after { position: absolute; inset: 9px 4px 0 10px; content: ""; background: #130a19; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.legal-back { color: #beaabd; font: 500 10px "DM Mono", monospace; text-transform: uppercase; letter-spacing: .08em; transition: color .2s ease; }
.legal-back:hover { color: #ff9cdd; }
.legal-main { padding: clamp(72px, 12vw, 142px) 0 96px; }
.legal-kicker { margin: 0 0 22px; color: #ff74cc; font: 500 10px "DM Mono", monospace; letter-spacing: .14em; text-transform: uppercase; }
.legal-title { max-width: 800px; margin: 0; font: 600 clamp(3.25rem, 8vw, 7rem)/.9 Space Grotesk, Arial, sans-serif; letter-spacing: -.085em; }
.legal-title em { color: #f47acf; font-style: normal; }
.legal-summary { max-width: 650px; margin: 31px 0 0; color: #c8b8c8; font-size: 15px; line-height: 1.75; }
.legal-stack { display: grid; gap: 1px; margin-top: 72px; border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.13); }
.legal-section { padding: 33px clamp(24px, 5vw, 55px) 37px; background: rgba(19,10,26,.93); }
.legal-section h2 { margin: 0 0 12px; color: #fff; font: 600 clamp(1.4rem, 3vw, 2rem) Space Grotesk, Arial, sans-serif; letter-spacing: -.06em; }
.legal-section p, .legal-section li { color: #c9b9c8; font-size: 14px; line-height: 1.75; }
.legal-section p { max-width: 760px; margin: 0; }
.legal-section p + p { margin-top: 14px; }
.legal-section ul { max-width: 760px; margin: 14px 0 0; padding-left: 20px; }
.legal-section li + li { margin-top: 7px; }
.legal-section a { color: #ff85d3; text-decoration: underline; text-underline-offset: 3px; }
.legal-note { margin-top: 26px; color: #a993a8; font: 10px "DM Mono", monospace; line-height: 1.7; letter-spacing: .025em; }
.legal-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 84px; border-top: 1px solid rgba(255,255,255,.1); color: #9e879f; font: 10px "DM Mono", monospace; letter-spacing: .05em; }
.legal-footer nav { display: flex; gap: 18px; }.legal-footer a:hover { color: #ff8bd7; }
@media (max-width: 620px) { .legal-header, .legal-main, .legal-footer { width: min(100% - 36px, 1080px); }.legal-header { min-height: 72px; }.legal-main { padding-top: 70px; }.legal-stack { margin-top: 50px; }.legal-section { padding: 27px 22px; }.legal-footer { flex-direction: column; align-items: flex-start; justify-content: center; padding: 22px 0; }.legal-footer nav { flex-wrap: wrap; gap: 12px 18px; } }