:root {
    --bg: #FAFAF9;
    --bg-card: #FFFFFF;
    --text: #1A1A1A;
    --text-secondary: #6B6B6B;
    --accent: #F45C80;
    --accent-light: #EFF6FF;
    --border: #E5E5E5;
    --radius: 16px;
    --shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03);
    --shadow-hover: 0 2px 8px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.06);
    --font: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
    --max-w: 1080px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--font); background: var(--bg); color: var(--text); line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

nav { position: sticky; top: 0; z-index: 100; background: rgba(250,250,249,0.85); backdrop-filter: blur(20px); border-bottom: 1px solid var(--border); }
.nav-inner { max-width: var(--max-w); margin: 0 auto; padding: 16px 24px; display: flex; align-items: center; justify-content: space-between; }
.nav-logo { font-size: 20px; font-weight: 700; color: var(--text); letter-spacing: -0.5px; }
.nav-logo span { color: var(--accent); }
.nav-links { display: flex; gap: 28px; align-items: center; }
.nav-links a { color: var(--text-secondary); font-size: 14px; font-weight: 500; text-decoration: none; transition: color .2s; }
.nav-links a:hover { color: var(--text); text-decoration: none; }
.nav-cta { background:var(--text); color:#fff!important; padding:8px 18px; border-radius:10px; font-weight:600!important; font-size:13px!important; text-decoration:none!important; }
.nav-cta:hover { opacity:.9; text-decoration:none!important; }
.nav-cta-accent { background:var(--accent)!important; }
.nav-buttons { display:flex; gap:6px; align-items:center; }
.burger { display:none; background:none; border:1px solid var(--border); border-radius:8px; padding:6px 10px; cursor:pointer; font-size:18px; font-family:inherit; }
@media (max-width: 768px) { .burger { display:block; } }

.legal-page { max-width: 760px; margin: 0 auto; padding: 60px 24px 80px; }
.legal-page h1 { font-size: 32px; font-weight: 700; margin-bottom: 8px; }
.legal-page .updated { font-size: 14px; color: var(--text-secondary); margin-bottom: 36px; }
.legal-page h2 { font-size: 20px; font-weight: 600; margin: 32px 0 12px; }
.legal-page p, .legal-page li { font-size: 15px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 12px; }
.legal-page ul, .legal-page ol { padding-left: 24px; margin-bottom: 16px; }

.footer-bottom { max-width: var(--max-w); margin: 0 auto; padding: 24px; border-top: 1px solid var(--border); font-size: 13px; color: var(--text-secondary); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
footer { border-top: 1px solid var(--border); }

@media (max-width: 768px) {
  .nav-links { display:none; position:absolute; top:56px; left:0; right:0; background:rgba(250,250,249,.98); flex-direction:column; padding:16px 24px; gap:12px; border-bottom:1px solid var(--border); }
  .nav-links.open { display:flex; }
}