:root{
  --c-primary:#0a4d8c;
  --c-primary-dark:#073966;
  --c-primary-light:#1976d2;
  --c-secondary:#00a8c7;
  --c-bg:#ffffff;
  --c-surface:#f6f9fc;
  --c-text:#0f1c2e;
  --c-text-muted:#4b5d75;
  --c-border:#dbe6f0;
  --shadow:0 6px 24px rgba(10,77,140,.08);
  --grad-primary:linear-gradient(135deg,#0a4d8c 0%,#1976d2 60%,#00a8c7 100%);
  --grad-hero:linear-gradient(135deg,#073966 0%,#0a4d8c 100%);
  --radius:14px;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:'Inter','Segoe UI',sans-serif;font-size:16px;line-height:1.75;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}
a{color:var(--c-primary);text-decoration:none;transition:color .2s ease}
a:hover{color:var(--c-primary-light);text-decoration:underline}
h1,h2,h3{font-family:'Plus Jakarta Sans','Inter',sans-serif;font-weight:700;color:var(--c-primary-dark);line-height:1.3}
.container{max-width:880px;margin:0 auto;padding:0 20px}

/* Header */
.legal-header{background:#fff;border-bottom:1px solid var(--c-border);padding:16px 0;position:sticky;top:0;z-index:50}
.legal-header .container{max-width:1200px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-logo{width:46px;height:46px;border-radius:12px;background:var(--grad-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}
.brand-text .name{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.05rem;color:var(--c-primary-dark);line-height:1.1}
.brand-text .tag{display:block;font-size:.78rem;color:var(--c-text-muted);margin-top:2px}
.back-link{color:var(--c-primary);font-weight:500;font-size:.92rem;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid var(--c-border);border-radius:50px;transition:all .2s ease}
.back-link:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary);text-decoration:none}

/* Hero */
.legal-hero{background:var(--grad-hero);color:#fff;padding:70px 0 60px;text-align:center;position:relative;overflow:hidden}
.legal-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%, rgba(0,168,199,.25), transparent 60%);pointer-events:none}
.legal-hero .container{position:relative;z-index:1}
.legal-hero h1{color:#fff;font-size:2.2rem;margin:0 0 10px;letter-spacing:-.01em}
.legal-hero p{margin:0;opacity:.9;font-size:1.05rem}

/* Content */
.legal-content{padding:60px 0 80px}
.legal-content h2{font-size:1.35rem;margin:40px 0 14px;padding-top:24px;border-top:1px solid var(--c-border)}
.legal-content h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
.legal-content h3{font-size:1.05rem;margin:24px 0 10px;color:var(--c-primary)}
.legal-content p,.legal-content li{color:#22324a}
.legal-content ul,.legal-content ol{padding-left:1.2em;margin:0 0 18px}
.legal-content li{margin-bottom:8px}
.legal-content .meta{background:var(--c-surface);border-left:4px solid var(--c-primary);padding:18px 22px;border-radius:10px;margin-bottom:36px;font-size:.94rem;line-height:1.65}
.legal-content .meta strong{color:var(--c-primary-dark)}
.legal-content table{width:100%;border-collapse:collapse;margin:14px 0 22px;font-size:.94rem}
.legal-content table th,.legal-content table td{padding:12px 14px;border:1px solid var(--c-border);text-align:left;vertical-align:top}
.legal-content table th{background:var(--c-surface);font-weight:600;color:var(--c-primary-dark)}

/* Footer */
.legal-footer{background:var(--c-primary-dark);color:#cfd9e5;padding:30px 0;text-align:center;font-size:.88rem}
.legal-footer .container{max-width:1200px}
.legal-footer p{margin:0 0 10px}
.legal-footer a{color:#cfd9e5;margin:0 10px}
.legal-footer a:hover{color:var(--c-secondary)}

@media (max-width:600px){
  .legal-hero{padding:50px 0 40px}
  .legal-hero h1{font-size:1.7rem}
  .brand-text .tag{display:none}
  .back-link{padding:8px 12px;font-size:.85rem}
  .back-link span{display:none}
  .legal-content{padding:40px 0 60px}
}