body {
  background: #05070b;
  color: #f5f7fb;
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 40px;
}

.container {
  max-width: 800px;
  margin: auto;
}

h1 {
  margin-bottom: 20px;
}

p {
  color: #aaa;
  line-height: 1.6;
}

/* ===== LEGAL + CONTACT UI ===== */

.legal-shell{
  min-height:100vh;
  background:
    radial-gradient(circle at 20% 0%, rgba(214,179,106,.08), transparent 30%),
    radial-gradient(circle at 80% 20%, rgba(255,255,255,.04), transparent 25%),
    linear-gradient(180deg, #05070b 0%, #070b11 45%, #05070b 100%);
  color:#f5f7fb;
}

.legal-topbar{
  max-width:1180px;
  margin:0 auto;
  padding:22px 18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.legal-brand{
  font-size:14px;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:800;
  color:#f8f8f8;
  text-decoration:none;
}

.legal-nav{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}

.legal-nav a,
.legal-footer a{
  color:#9aa4b2;
  text-decoration:none;
  font-size:14px;
}

.legal-nav a:hover,
.legal-footer a:hover{
  color:#fff;
}

.legal-wrap{
  max-width:980px;
  margin:0 auto;
  padding:56px 18px 80px;
}

.legal-hero{
  margin-bottom:24px;
}

.legal-kicker{
  color:#d8c08a;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:12px;
}

.legal-hero h1{
  margin:0 0 12px;
  font-size:clamp(34px,5vw,58px);
  line-height:1.02;
  letter-spacing:-.04em;
}

.legal-hero p{
  margin:0;
  color:#c7d0db;
  font-size:18px;
  max-width:760px;
}

.legal-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    rgba(10,14,22,.88);
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:28px;
  box-shadow:0 30px 80px rgba(0,0,0,.22);
}

.legal-card + .legal-card{
  margin-top:18px;
}

.legal-card h2{
  margin:0 0 10px;
  font-size:24px;
  letter-spacing:-.02em;
}

.legal-card p{
  margin:0 0 18px;
  color:#c7d0db;
  line-height:1.7;
}

.legal-note{
  color:#9aa4b2 !important;
  font-size:14px;
}

.contact-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:18px;
}

.contact-form{
  display:grid;
  gap:14px;
  margin-top:16px;
}

.form-row{
  display:grid;
  gap:8px;
}

.form-row label{
  font-size:13px;
  color:#d8c08a;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.form-row input,
.form-row select,
.form-row textarea{
  width:100%;
  background:rgba(255,255,255,.03);
  color:#f5f7fb;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:14px 16px;
  font-size:15px;
  outline:none;
}

.form-row input::placeholder,
.form-row textarea::placeholder{
  color:#8f98a4;
}

.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus{
  border-color:rgba(214,179,106,.45);
  box-shadow:0 0 0 3px rgba(214,179,106,.12);
}

.form-submit{
  margin-top:6px;
  padding:14px 18px;
  border:none;
  border-radius:14px;
  background:linear-gradient(180deg, #f7f8fb 0%, #dfe4ec 100%);
  color:#000;
  font-weight:800;
  cursor:pointer;
}

.contact-links{
  display:grid;
  gap:12px;
  margin:10px 0 20px;
}

.contact-links a{
  display:block;
  padding:14px 16px;
  border-radius:14px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  color:#d8dee7;
  text-decoration:none;
}

.contact-links a:hover{
  background:rgba(255,255,255,.05);
}

.legal-footer{
  max-width:1180px;
  margin:0 auto;
  padding:0 18px 42px;
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:24px;
}

@media (max-width: 860px){
  .contact-grid{
    grid-template-columns:1fr;
  }

  .legal-topbar{
    flex-direction:column;
    align-items:flex-start;
  }

  .legal-wrap{
    padding-top:40px;
  }

  .legal-card{
    padding:22px;
  }
}

/* ===== LEGAL + CONTACT UI ===== */

.legal-shell{
  min-height:100vh;
  background:
    radial-gradient(circle at 20% 0%, rgba(214,179,106,.08), transparent 30%),
    radial-gradient(circle at 80% 20%, rgba(255,255,255,.04), transparent 25%),
    linear-gradient(180deg, #05070b 0%, #070b11 45%, #05070b 100%);
  color:#f5f7fb;
}

.legal-topbar{
  max-width:1180px;
  margin:0 auto;
  padding:22px 18px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.legal-brand{
  font-size:14px;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:800;
  color:#f8f8f8;
  text-decoration:none;
}

.legal-nav{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}

.legal-nav a,
.legal-footer a{
  color:#9aa4b2;
  text-decoration:none;
  font-size:14px;
}

.legal-nav a:hover,
.legal-footer a:hover{
  color:#fff;
}

.legal-wrap{
  max-width:980px;
  margin:0 auto;
  padding:56px 18px 80px;
}

.legal-hero{
  margin-bottom:24px;
}

.legal-kicker{
  color:#d8c08a;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:12px;
}

.legal-hero h1{
  margin:0 0 12px;
  font-size:clamp(34px,5vw,58px);
  line-height:1.02;
  letter-spacing:-.04em;
}

.legal-hero p{
  margin:0;
  color:#c7d0db;
  font-size:18px;
  max-width:760px;
}

.legal-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    rgba(10,14,22,.88);
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:28px;
  box-shadow:0 30px 80px rgba(0,0,0,.22);
}

.legal-card + .legal-card{
  margin-top:18px;
}

.legal-card h2{
  margin:0 0 10px;
  font-size:24px;
  letter-spacing:-.02em;
}

.legal-card p{
  margin:0 0 18px;
  color:#c7d0db;
  line-height:1.7;
}

.contact-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:18px;
}

.contact-form{
  display:grid;
  gap:14px;
  margin-top:16px;
}

.form-row{
  display:grid;
  gap:8px;
}

.form-row label{
  font-size:13px;
  color:#d8c08a;
  text-transform:uppercase;
  letter-spacing:.12em;
}

.form-row input,
.form-row select,
.form-row textarea{
  width:100%;
  background:rgba(255,255,255,.03);
  color:#f5f7fb;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:14px 16px;
}

.form-submit{
  margin-top:6px;
  padding:14px 18px;
  border:none;
  border-radius:14px;
  background:linear-gradient(180deg, #f7f8fb 0%, #dfe4ec 100%);
  color:#000;
  font-weight:800;
  cursor:pointer;
}

.contact-links{
  display:grid;
  gap:12px;
  margin:10px 0 20px;
}

.contact-links a{
  display:block;
  padding:14px 16px;
  border-radius:14px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
  color:#d8dee7;
}

.legal-footer{
  max-width:1180px;
  margin:0 auto;
  padding:0 18px 42px;
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:24px;
}

.card:hover{
  transform: translateY(-4px);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  border-color: rgba(214,179,106,.25);
  transition: all .25s ease;
  cursor: pointer;
}

a > .card{
  display:block;
}