.legal-page{background:var(--bg-page);color:var(--text-1);min-height:100vh;display:flex;flex-direction:column}.legal-header{display:flex;justify-content:center;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border);background:var(--bg-surface)}.legal-header .brand{display:flex;align-items:center;gap:var(--space-3)}.legal-header .logoBox{width:44px;height:44px;border-radius:var(--radius-lg);background:var(--brand-gradient);display:grid;place-items:center;font-weight:800;color:#fff;font-size:var(--fs-heading)}.legal-header .brandName{margin:0;font-size:var(--fs-title-sm);font-weight:700}.legal-header .tagline{color:var(--text-3);font-size:var(--fs-body-sm)}.legal-container{width:100%;max-width:var(--container-narrow);margin:var(--space-10) auto;padding:0 var(--gutter);line-height:1.6}.legal-container h1{font-size:var(--fs-title);letter-spacing:-.02em;margin:0 0 var(--space-4)}.legal-container h2{margin:var(--space-8) 0 var(--space-2);font-size:var(--fs-heading);font-weight:600}.legal-container li,.legal-container p{color:var(--text-2);font-size:var(--fs-body);margin:0 0 var(--space-3)}.legal-container a{color:var(--accent-text)}.legal-container a:hover{text-decoration:underline}.legal-footer{text-align:center;border-top:1px solid var(--border);padding:var(--space-5);font-size:var(--fs-body-sm);color:var(--text-3);margin-top:auto}.legal-links{margin-top:var(--space-2);display:flex;justify-content:center;gap:var(--space-4)}.legal-links a{color:var(--text-2);font-size:var(--fs-body-sm)}.legal-links a:hover{color:var(--text-1)}