/* ═══════════════════════════════════════════════════
   LEGAL PAGES — Privacy, Terms, Cookies
   ═══════════════════════════════════════════════════ */

/* ── Hero ── */
.legal-hero{
  position:relative;overflow:hidden;
  padding:120px 0 48px;
  background:#050505;
}
.legal-hero__bg{
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(212,32,32,.08) 0%,transparent 50%,rgba(212,32,32,.04) 100%);
}
.legal-hero__inner{position:relative;z-index:2}
.legal-hero__title{
  font:900 42px/1 var(--font-head);text-transform:uppercase;color:#f0f0f0;
  letter-spacing:.02em;margin:12px 0 8px;
}
.legal-hero__sub{font:400 14px/1.5 var(--font-body);color:var(--dim);letter-spacing:.02em}

/* ── Content ── */
.legal-content{padding:56px 0 80px}
.legal-content__inner{
  max-width:780px;margin:0 auto;
  font:400 15px/1.8 var(--font-body);color:var(--gray);
}
.legal-content__inner h2{
  font:800 22px/1.2 var(--font-head);color:#f0f0f0;text-transform:uppercase;
  letter-spacing:.02em;margin:40px 0 12px;padding-top:20px;
  border-top:1px solid var(--border);
}
.legal-content__inner h2:first-of-type{border-top:none;padding-top:0;margin-top:0}
.legal-content__inner h3{
  font:700 16px/1.3 var(--font-head);color:#e0e0e0;margin:24px 0 8px;
}
.legal-content__inner p{margin:0 0 16px}
.legal-content__inner a{color:var(--red);text-decoration:underline;text-underline-offset:2px}
.legal-content__inner a:hover{opacity:.8}

.legal-content__inner ul,.legal-content__inner ol{margin:0 0 20px;padding-left:24px}
.legal-content__inner li{margin-bottom:8px;line-height:1.7}
.legal-content__inner li::marker{color:var(--red)}

.legal-content__inner table{
  width:100%;border-collapse:collapse;margin:16px 0 24px;
  font-size:13px;
}
.legal-content__inner table th{
  background:rgba(212,32,32,.1);color:#f0f0f0;
  font:700 11px/1 var(--font-head);letter-spacing:.1em;text-transform:uppercase;
  padding:10px 14px;text-align:left;border-bottom:2px solid var(--red);
}
.legal-content__inner table td{
  padding:10px 14px;border-bottom:1px solid var(--border);color:var(--gray);
}
.legal-content__inner table tr:hover td{background:rgba(255,255,255,.02)}

/* Light theme */
body.light-theme .legal-hero{background:#f5f5f5}
body.light-theme .legal-hero__bg{background:linear-gradient(135deg,rgba(212,32,32,.05) 0%,transparent 50%)}
body.light-theme .legal-hero__title{color:#111}
body.light-theme .legal-hero__sub{color:#666}
body.light-theme .legal-content__inner{color:#444}
body.light-theme .legal-content__inner h2{color:#111;border-color:#e0e0e0}
body.light-theme .legal-content__inner h3{color:#222}
body.light-theme .legal-content__inner table th{background:rgba(212,32,32,.08);color:#111}
body.light-theme .legal-content__inner table td{border-color:#e0e0e0;color:#444}
body.light-theme .legal-content__inner table tr:hover td{background:rgba(0,0,0,.02)}


/* ═══════════════════════════════════════════════════
   ABOUT PAGE
   ═══════════════════════════════════════════════════ */

.about-hero{
  position:relative;overflow:hidden;
  padding:120px 0 56px;
  background:#050505;text-align:center;
}
.about-hero__bg{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at center top,rgba(212,32,32,.12) 0%,transparent 60%);
}
.about-hero__inner{position:relative;z-index:2}
.about-hero__tag{
  font:700 10px/1 var(--font-head);letter-spacing:.25em;text-transform:uppercase;
  color:var(--red);display:block;margin-bottom:12px;
}
.about-hero__title{
  font:900 56px/1 var(--font-head);text-transform:uppercase;color:#f0f0f0;
  letter-spacing:.02em;margin-bottom:16px;
}
.about-hero__sub{
  font:400 16px/1.6 var(--font-body);color:var(--gray);max-width:600px;margin:0 auto;
}

.about-section{padding:64px 0;border-top:1px solid var(--border)}
.about-section--alt{background:rgba(255,255,255,.015)}
.about-section__head{text-align:center;margin-bottom:40px}

.about-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:48px;
  max-width:960px;margin:0 auto;
}
.about-block__tag{
  font:700 10px/1 var(--font-head);letter-spacing:.25em;text-transform:uppercase;
  color:var(--red);display:block;margin-bottom:10px;
}
.about-block__title{
  font:800 24px/1.2 var(--font-head);color:#f0f0f0;text-transform:uppercase;
  margin-bottom:16px;
}
.about-block p{font:400 14px/1.7 var(--font-body);color:var(--gray);margin-bottom:12px}
.about-block ul{padding-left:0;list-style:none;margin:0}
.about-block li{
  font:400 14px/1.7 var(--font-body);color:var(--gray);
  padding:8px 0;border-bottom:1px solid var(--border);
}
.about-block li:last-child{border-bottom:none}

/* Values */
.about-values{
  display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
}
.about-value{
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);
  padding:28px 20px;text-align:center;transition:border-color .3s;
}
.about-value:hover{border-color:rgba(212,32,32,.3)}
.about-value__icon{
  width:48px;height:48px;display:flex;align-items:center;justify-content:center;
  margin:0 auto 16px;border-radius:50%;
  background:rgba(212,32,32,.1);color:var(--red);
}
.about-value h3{font:700 15px/1 var(--font-head);color:#f0f0f0;margin-bottom:10px}
.about-value p{font:400 13px/1.6 var(--font-body);color:var(--gray);margin:0}

/* Disclaimer */
.about-disclaimer{
  max-width:780px;margin:0 auto;
  background:rgba(212,32,32,.05);border:1px solid rgba(212,32,32,.15);border-radius:var(--radius);
  padding:28px 32px;
}
.about-disclaimer h3{font:700 16px/1 var(--font-head);color:var(--red);margin-bottom:12px}
.about-disclaimer p{font:400 14px/1.7 var(--font-body);color:var(--gray);margin:0}

/* Light theme */
body.light-theme .about-hero{background:#f5f5f5}
body.light-theme .about-hero__title{color:#111}
body.light-theme .about-hero__sub{color:#555}
body.light-theme .about-section--alt{background:rgba(0,0,0,.02)}
body.light-theme .about-block__title{color:#111}
body.light-theme .about-block p,.about-block li{color:#444}
body.light-theme .about-value{background:#fff;border-color:#e0e0e0}
body.light-theme .about-value:hover{border-color:rgba(212,32,32,.3)}
body.light-theme .about-value h3{color:#111}
body.light-theme .about-value p{color:#555}
body.light-theme .about-disclaimer{background:rgba(212,32,32,.04);border-color:rgba(212,32,32,.12)}


/* ═══════════════════════════════════════════════════
   CONTACT PAGE
   ═══════════════════════════════════════════════════ */

.contact-hero{
  position:relative;overflow:hidden;
  padding:120px 0 48px;
  background:#050505;text-align:center;
}
.contact-hero__bg{
  position:absolute;inset:0;
  background:radial-gradient(ellipse at center top,rgba(212,32,32,.1) 0%,transparent 60%);
}
.contact-hero__inner{position:relative;z-index:2}
.contact-hero__tag{
  font:700 10px/1 var(--font-head);letter-spacing:.25em;text-transform:uppercase;
  color:var(--red);display:block;margin-bottom:12px;
}
.contact-hero__title{
  font:900 42px/1 var(--font-head);text-transform:uppercase;color:#f0f0f0;
  margin-bottom:12px;
}
.contact-hero__sub{
  font:400 15px/1.6 var(--font-body);color:var(--gray);max-width:500px;margin:0 auto;
}

.contact-content{padding:56px 0 80px}
.contact-grid{
  display:grid;grid-template-columns:1fr 360px;gap:48px;
  max-width:1000px;margin:0 auto;
}

/* Form */
.contact-form-wrap{
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);
  padding:36px;
}
.contact-form__title{
  font:800 20px/1 var(--font-head);color:#f0f0f0;text-transform:uppercase;
  margin-bottom:24px;
}
.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form__field{margin-bottom:18px}
.contact-form__field label{
  display:block;font:600 11px/1 var(--font-head);letter-spacing:.1em;text-transform:uppercase;
  color:var(--dim);margin-bottom:6px;
}
.contact-form__field input,
.contact-form__field select,
.contact-form__field textarea{
  width:100%;padding:12px 14px;
  background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:4px;
  color:var(--white);font:400 14px/1.5 var(--font-body);
  transition:border-color .3s;
}
.contact-form__field input:focus,
.contact-form__field select:focus,
.contact-form__field textarea:focus{
  outline:none;border-color:var(--red);
}
.contact-form__field select{cursor:pointer;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;
}
.contact-form__field textarea{resize:vertical;min-height:120px}
.contact-form__btn{
  display:inline-flex;align-items:center;gap:8px;
  font:700 12px/1 var(--font-head);letter-spacing:.1em;text-transform:uppercase;
  padding:14px 28px;border-radius:4px;border:none;cursor:pointer;
  background:var(--red);color:#fff;transition:all .3s;
}
.contact-form__btn:hover{background:#e63030;box-shadow:0 0 24px rgba(212,32,32,.3)}

/* Info sidebar */
.contact-info{display:flex;flex-direction:column;gap:16px}
.contact-info__card{
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);
  padding:24px;transition:border-color .3s;
}
.contact-info__card:hover{border-color:rgba(212,32,32,.25)}
.contact-info__icon{
  width:40px;height:40px;display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:rgba(212,32,32,.1);color:var(--red);margin-bottom:12px;
}
.contact-info__card h4{font:700 14px/1 var(--font-head);color:#f0f0f0;margin-bottom:8px}
.contact-info__card p{font:400 13px/1.5 var(--font-body);color:var(--gray);margin:0}
.contact-info__social{display:flex;gap:10px;margin-top:4px}
.contact-info__social a{
  font:700 12px/1 var(--font-head);color:var(--gray);text-decoration:none;
  padding:6px 12px;border:1px solid var(--border);border-radius:4px;transition:all .3s;
}
.contact-info__social a:hover{color:var(--red);border-color:var(--red)}
.contact-info__note{
  background:rgba(212,32,32,.05);border:1px solid rgba(212,32,32,.15);border-radius:var(--radius);
  padding:20px;
}
.contact-info__note p{font:400 13px/1.6 var(--font-body);color:var(--gray);margin:0}

/* Light theme */
body.light-theme .contact-hero{background:#f5f5f5}
body.light-theme .contact-hero__title{color:#111}
body.light-theme .contact-hero__sub{color:#555}
body.light-theme .contact-form-wrap{background:#fff;border-color:#e0e0e0}
body.light-theme .contact-form__title{color:#111}
body.light-theme .contact-form__field input,
body.light-theme .contact-form__field select,
body.light-theme .contact-form__field textarea{
  background:#f8f8f8;border-color:#ddd;color:#111;
}
body.light-theme .contact-info__card{background:#fff;border-color:#e0e0e0}
body.light-theme .contact-info__card h4{color:#111}
body.light-theme .contact-info__social a{border-color:#ddd;color:#555}


/* ═══════════════════════════════════════════════════
   RESPONSIVE — Legal / About / Contact
   ═══════════════════════════════════════════════════ */

@media(max-width:768px){
  .legal-hero{padding:90px 0 32px}
  .legal-hero__title{font-size:30px}
  .legal-content__inner{font-size:14px}
  .legal-content__inner h2{font-size:18px;margin:28px 0 10px}

  .about-hero{padding:90px 0 40px}
  .about-hero__title{font-size:36px}
  .about-grid{grid-template-columns:1fr;gap:32px}
  .about-values{grid-template-columns:1fr 1fr;gap:16px}

  .contact-hero{padding:90px 0 32px}
  .contact-hero__title{font-size:32px}
  .contact-grid{grid-template-columns:1fr;gap:32px}
  .contact-form__row{grid-template-columns:1fr}
}

@media(max-width:480px){
  .legal-hero__title{font-size:24px}
  .about-hero__title{font-size:28px}
  .about-values{grid-template-columns:1fr}
  .contact-hero__title{font-size:26px}
  .contact-form-wrap{padding:24px 18px}
}