:root {
  --bg:#0a0a0b; --white:#f5f5f5; --muted:#a0a0a0; --gold:#d4af37;
  --glass-bg:rgba(255,255,255,0.04); --glass-border:rgba(255,255,255,0.08);
  --radius:14px;
}
body {
  font-family:'Inter',sans-serif;
  background:var(--bg);
  color:var(--white);
  line-height:1.7;
}

/* Shared Glass Card */
.glass-card {
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  box-shadow:inset 0 0 25px rgba(255,255,255,0.02),0 0 25px rgba(0,0,0,0.6);
  transition:border .3s ease,transform .3s ease,box-shadow .3s ease;
}
.glass-card:hover {
  border-color:var(--gold);
  transform:translateY(-6px);
  box-shadow:0 0 30px rgba(212,175,55,0.2);
}

/* Hero */
.support-hero {
  text-align:center;
  padding:140px 8vw 100px;
  background:radial-gradient(circle at 50% 40%,rgba(212,175,55,0.15) 0%,transparent 70%);
}
.support-hero h1 {
  font-size:clamp(42px,6vw,72px);
  font-weight:900;
  letter-spacing:1px;
  color:var(--gold);
  text-shadow:0 0 18px rgba(212,175,55,0.25),0 0 6px rgba(212,175,55,0.4);
}
.support-hero p {
  margin-top:20px;
  color:var(--muted);
  font-size:1.15rem;
}

/* Cards */
.support-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:50px;
  padding:100px 8vw;
}
.support-card h3 {
  color:var(--gold);
  font-weight:800;
  margin-bottom:12px;
}
.support-card p {color:var(--muted);}

/* Form */
.support-form {
  max-width:700px;
  margin:0 auto;
  background:rgba(255,255,255,0.03);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  padding:60px 50px;
  box-shadow:0 0 40px rgba(0,0,0,0.5);
}
.support-form h2 {
  text-align:center;
  font-weight:800;
  color:var(--gold);
  margin-bottom:30px;
  text-shadow:0 0 10px rgba(212,175,55,0.3);
}
.support-form label {
  display:block;
  font-weight:600;
  color:var(--white);
  margin:22px 0 6px;
}
.support-form input,
.support-form textarea {
  width:100%;
  padding:14px 16px;
  border:none;
  border-radius:var(--radius);
  background:rgba(255,255,255,0.08);
  color:var(--white);
  font-size:1rem;
}
.support-form textarea{resize:vertical;min-height:140px;}
.support-form button {
  margin-top:28px;
  width:100%;
  padding:14px 0;
  border:none;
  border-radius:var(--radius);
  font-weight:700;
  background:var(--gold);
  color:#000;
  font-size:1.05rem;
  cursor:pointer;
  transition:box-shadow .3s ease,transform .3s ease;
}
.support-form button:hover {
  box-shadow:0 0 25px rgba(212,175,55,0.4);
  transform:translateY(-2px);
}

/* FAQ */
.faq {
  max-width:900px;
  margin:120px auto 100px;
  padding:0 8vw;
}
.faq h2 {
  color:var(--gold);
  text-align:center;
  font-weight:800;
  margin-bottom:40px;
  text-shadow:0 0 12px rgba(212,175,55,0.3);
}
.faq-item {
  background:rgba(255,255,255,0.03);
  border:1px solid var(--glass-border);
  border-radius:var(--radius);
  padding:28px 32px;
  margin-bottom:24px;
  transition:border .3s ease,transform .3s ease;
}
.faq-item:hover {
  border-color:var(--gold);
  transform:translateY(-3px);
}
.faq-item h4 {
  color:var(--white);
  font-weight:700;
  margin-bottom:10px;
}
.faq-item p {
  color:var(--muted);
  font-size:0.98rem;
}