.legal-page { min-height:100vh; color:#f3f3f6; }
.legal-header { position:sticky; top:0; z-index:20; width:min(1180px,calc(100% - 32px)); margin:18px auto 0; padding:12px 16px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border:1px solid rgba(255,255,255,.07); border-radius:18px; background:rgba(8,8,12,.76); backdrop-filter:blur(18px); box-shadow:0 18px 50px rgba(0,0,0,.28); }
.legal-logo { width:54px; display:flex; }
.legal-logo img { width:100%; height:auto; display:block; }
.legal-header > span { color:#ff536e; font-size:10px; font-weight:950; letter-spacing:.18em; }
.legal-back { justify-self:end; color:#c7c7cf; font-size:12px; font-weight:800; text-decoration:none; }
.legal-back:hover { color:#fff; }
.legal-shell { width:min(1000px,calc(100% - 32px)); margin:0 auto; padding:90px 0 100px; position:relative; z-index:2; }
.legal-hero { text-align:center; padding:28px 0 48px; }
.legal-hero h1 { margin:10px 0 14px; font-size:clamp(42px,7vw,78px); line-height:.95; letter-spacing:-.055em; }
.legal-hero h1 em { color:#ff3555; font-style:normal; text-shadow:0 0 30px rgba(255,30,68,.22); }
.legal-hero > p { width:min(700px,100%); margin:0 auto; color:#a7a8b0; font-size:14px; line-height:1.75; }
.legal-meta { margin-top:24px; display:flex; justify-content:center; flex-wrap:wrap; gap:9px; }
.legal-meta span { padding:8px 11px; border-radius:999px; border:1px solid rgba(255,255,255,.07); color:#9698a1; background:rgba(255,255,255,.025); font-size:9px; font-weight:900; letter-spacing:.1em; }
.legal-content { display:grid; gap:14px; }
.legal-summary,.legal-card { border:1px solid rgba(255,255,255,.065); border-radius:20px; background:linear-gradient(145deg,rgba(18,18,23,.9),rgba(7,7,11,.97)); box-shadow:0 18px 55px rgba(0,0,0,.25); }
.legal-summary { padding:22px 24px; border-color:rgba(255,56,87,.16); background:linear-gradient(145deg,rgba(35,12,18,.8),rgba(8,8,12,.96)); }
.legal-summary strong { display:block; margin-bottom:8px; color:#ff5c75; font-size:10px; letter-spacing:.16em; }
.legal-summary p { margin:7px 0; color:#b4b5bd; font-size:12px; line-height:1.7; }
.legal-card { padding:26px 28px; }
.legal-card h2 { margin:0 0 12px; color:#f5f5f7; font-size:18px; letter-spacing:-.02em; }
.legal-card p { margin:10px 0; color:#a7a8b1; font-size:12.5px; line-height:1.78; }
.legal-card p strong { color:#efeff3; }
.legal-card ul { margin:12px 0 6px; padding-left:20px; color:#aaabb4; }
.legal-card li { margin:8px 0; padding-left:4px; font-size:12.5px; line-height:1.7; }
.highlight-card { border-color:rgba(255,55,85,.22); box-shadow:0 18px 55px rgba(0,0,0,.28),0 0 32px rgba(255,28,63,.045); }
.danger-card { border-color:rgba(255,92,75,.2); }
.legal-bottom { display:flex; justify-content:center; padding:30px 0 8px; }
@media (max-width:700px) {
  .legal-header { width:min(100% - 20px,1180px); margin-top:10px; grid-template-columns:auto 1fr; gap:12px; }
  .legal-header > span { display:none; }
  .legal-logo { width:46px; }
  .legal-back { justify-self:end; font-size:11px; }
  .legal-shell { width:min(100% - 24px,1000px); padding-top:64px; }
  .legal-hero { padding-bottom:34px; }
  .legal-hero h1 { font-size:48px; }
  .legal-card,.legal-summary { padding:20px; border-radius:17px; }
  .legal-card h2 { font-size:16px; }
  .legal-card p,.legal-card li { font-size:12px; }
}