:root{
	--red:#e4332e;
	--black:#131313;
	--text:#222;
	--gray:#f4f4f4;
	--font-head:"Anton", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	--font-body:"Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:var(--text)}
img{max-width:100%;display:block}

.container{width:min(980px,92%);margin-inline:auto}

.legal-header{background:linear-gradient(180deg,#fff, #fff 55%, #f9f9f9);border-bottom:1px solid #eee}
.legal-header__inner{display:flex;align-items:center;gap:16px;padding:18px 0}
.legal-header .brand img{height:44px;width:auto;border-radius:8px}
.legal-header h1{font:700 clamp(28px,4vw,44px)/1 var(--font-head);letter-spacing:.06em;color:var(--red);margin:0}

.legal{padding:28px 0 40px}
.card{background:#fff;border:1px solid #eee;border-radius:16px;padding:18px 18px;margin:16px 0;box-shadow:0 10px 28px rgba(0,0,0,.05)}
.card h2{font:700 20px/1.1 var(--font-head);letter-spacing:.05em;color:#000;margin:0 0 10px}
.card p{font:400 16px/1.6 var(--font-body);margin:8px 0}
.card em{color:#555}

.kv{list-style:none;padding:0;margin:0 0 8px}
.kv li{display:flex;gap:10px;align-items:flex-start;padding:6px 0;border-bottom:1px dashed #eee}
.kv li:last-child{border-bottom:0}
.kv span{width:170px;min-width:170px;color:#555;font:600 13px/1 var(--font-body);text-transform:uppercase;letter-spacing:.04em}
.kv strong, .kv a{font:600 16px/1.4 var(--font-body);color:#000;text-decoration:none}

.note{font:500 13px/1.5 var(--font-body);color:#666}

.updated{font:500 13px/1.5 var(--font-body);color:#666;margin:10px 0}

.legal-footer{border-top:1px solid #eee;background:#fafafa;padding:18px 0}
.back{display:inline-block;color:#000;text-decoration:none;border:1px solid #ddd;padding:10px 12px;border-radius:10px;background:#fff}
.back:hover{border-color:#bbb}

@media (max-width: 768px){
	.kv span{width:120px;min-width:120px}
}