:root{--teal:#50757B;--teal-dark:#3a5a60;--teal-light:#B2C9CF}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:#2c2c2e;color:#eef3f3;line-height:1.6}
.legal-header{background:#4d6a70;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.12)}
.legal-header .bar{max-width:1080px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.legal-header .brand{display:inline-flex}
.legal-header .brand img{height:46px;width:auto;display:block;background:#fff;padding:9px 16px;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.legal-header nav{display:flex;gap:18px;align-items:center}
.legal-header nav a{color:#fff;text-decoration:none;font-size:14px;opacity:.92}
.legal-header nav a:hover{opacity:1}
.legal-header nav a.cta{background:#fff;color:#2c2c2e;padding:8px 16px;border-radius:20px;font-weight:600}
.legal-wrap{max-width:780px;margin:0 auto;padding:48px 20px 56px}
.legal-card{background:#4d6a70;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,.22)}
.legal-card h1{font-size:26px;margin-bottom:6px;color:#fff}
.legal-card .updated{font-size:13px;color:#d4e0e1;margin-bottom:28px}
.legal-card section{margin-bottom:26px}
.legal-card h2{font-size:17px;color:#fff;margin-bottom:10px}
.legal-card h3{font-size:15px;color:#fff;margin:14px 0 6px}
.legal-card p{color:#f0f5f5;font-size:14.5px;margin-bottom:10px}
.legal-card a{color:#fff;text-decoration:underline}
.legal-card a:hover{color:#e3edee}
.legal-card strong{color:#fff}
.legal-card .box{background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:16px;font-size:14px;color:#f0f5f5;margin:10px 0}
.legal-card ul{margin:8px 0 10px 22px;color:#f0f5f5;font-size:14.5px}
.legal-card li{margin-bottom:6px}
.legal-card .mono{font-family:ui-monospace,monospace;font-size:12px;color:#eaf1f1}
.legal-card table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13.5px}
.legal-card th,.legal-card td{border:1px solid rgba(255,255,255,.2);padding:8px 10px;text-align:left;vertical-align:top;color:#f0f5f5}
.legal-card th{background:rgba(0,0,0,.16);color:#fff;font-weight:600}
.legal-foot{text-align:center;font-size:12.5px;color:#dbe6e7;padding:4px 20px 44px}
.legal-foot a{color:#fff;margin:0 7px;text-decoration:none}
.legal-foot a:hover{text-decoration:underline}
@media(max-width:640px){.legal-card{padding:24px}.legal-header .brand img{height:38px;padding:7px 12px}.legal-header nav a:not(.cta){display:none}}