@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Montserrat:wght@400;500;600&display=swap');

*{box-sizing:border-box}
:root{
  --bg:#050505;
  --gold:#d79a2f;
  --gold2:#f2c36b;
  --text:#f3e6cc;
  --muted:#cda666;
  --card:rgba(0,0,0,.52);
}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Montserrat',Arial,sans-serif;
}
.page{
  min-height:100vh;
  display:flex;
  justify-content:center;
  background:
    radial-gradient(circle at center 42%,rgba(214,148,38,.14),transparent 38%),
    linear-gradient(180deg,#020202 0%,#090604 50%,#020202 100%);
  padding:8px;
}
.wrap{width:100%;max-width:820px;text-align:center}
.header-img{
  width:100%;
  height:auto;
  aspect-ratio:1024/270;
  object-fit:contain;
  display:block;
  margin:0 auto;
}
.photo-wrap{position:relative;overflow:hidden;background:#000}
.photo-wrap img{width:100%;display:block}
.fade-bottom{
  position:absolute;left:0;right:0;bottom:0;height:18%;
  background:linear-gradient(180deg,transparent,#050505);
  pointer-events:none;
}
.section-title,.page-title,.label,.back-button .label{
  font-family:'Cinzel',Georgia,serif;
}
.section-title{
  display:flex;align-items:center;gap:12px;justify-content:center;
  margin:24px 0 16px;color:var(--gold);
  font-size:clamp(1.15rem,4.2vw,1.9rem);
  letter-spacing:.17em;text-transform:uppercase;font-weight:600;
}
.section-title::before,.section-title::after{
  content:"";flex:1;max-width:210px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.card{
  width:100%;
  display:flex;align-items:center;text-decoration:none;color:var(--gold);
  border:2px solid var(--gold);border-radius:18px;
  background:var(--card);
  box-shadow:0 0 16px rgba(214,148,38,.16),inset 0 0 18px rgba(214,148,38,.08);
  transition:box-shadow .18s ease,transform .18s ease,background .18s ease;
}
.card:hover,.card:focus-visible{
  box-shadow:0 0 30px rgba(214,148,38,.75),inset 0 0 22px rgba(214,148,38,.16);
  background:rgba(214,148,38,.07);transform:translateY(-2px);outline:none;
}
.event-card{justify-content:center;position:relative;min-height:120px;padding:22px 62px 20px 20px}
.event-main{
  font-family:Georgia,'Times New Roman',serif;font-style:italic;
  font-size:clamp(1.9rem,7vw,3.8rem);line-height:1;margin-bottom:12px;
}
.event-location{
  color:var(--gold2);font-size:clamp(.88rem,3vw,1.45rem);
  letter-spacing:.16em;text-transform:uppercase;font-weight:600;
}
.arrow{
  position:absolute;right:22px;top:50%;transform:translateY(-50%);
  font-size:clamp(2.4rem,6vw,4rem);line-height:1;
}
.button-stack{display:grid;grid-template-columns:1fr;gap:12px}
.social-card{min-height:88px;padding:14px 18px;gap:18px;text-align:left;position:relative}
.logo,.logo-svg{width:48px;height:48px;flex:0 0 auto;object-fit:contain}
.fetlife-logo{
  filter:brightness(0) saturate(100%) invert(61%) sepia(55%) saturate(847%) hue-rotate(359deg) brightness(92%) contrast(88%);
}
.label{
  font-size:clamp(.92rem,2.8vw,1.35rem);
  letter-spacing:.09em;text-transform:uppercase;font-weight:600;margin-bottom:5px;
  color:#f4e8cf;
}
.handle{color:var(--gold2);font-size:clamp(.94rem,3vw,1.25rem);overflow-wrap:anywhere}
.back-button{margin:14px 0 18px}
.back-button .handle{color:var(--gold2)}
.page-title{
  color:var(--gold);text-transform:uppercase;letter-spacing:.17em;
  font-size:clamp(2rem,7vw,3.3rem);font-weight:600;margin:24px 0 18px;
}
.content-card{
  border:1.5px solid rgba(215,154,47,.72);border-radius:18px;
  background:rgba(0,0,0,.44);padding:20px;margin:12px 0;text-align:left;
  box-shadow:0 0 16px rgba(214,148,38,.10),inset 0 0 18px rgba(214,148,38,.05);
}
.content-card p{font-size:1rem;line-height:1.72;margin:0 0 20px}
.content-card p:last-child{margin-bottom:0}
.health-grid{display:grid;grid-template-columns:1fr;gap:14px}
.result-card{
  border:1.5px solid rgba(215,154,47,.72);border-radius:18px;
  background:rgba(0,0,0,.44);padding:20px;text-align:left;
}
.result-card h2{
  font-family:'Cinzel',Georgia,serif;color:var(--gold);text-transform:uppercase;
  letter-spacing:.12em;font-size:1.45rem;margin:0 0 8px;
}
.result-card ul{margin:14px 0 0;padding:0;list-style:none}
.result-card li{margin:10px 0;line-height:1.45}
.check{color:var(--gold2);font-weight:700}
.notice{font-size:.92rem;color:#d8c29c;line-height:1.55}
footer{
  padding:30px 0 10px;color:var(--gold);
  font-family:'Cinzel',Georgia,serif;font-size:clamp(.85rem,2.8vw,1.1rem);letter-spacing:.1em;
}
@media(min-width:760px){
  .health-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .page{padding:5px}
  .section-title{gap:8px;letter-spacing:.12em}
  .social-card{padding:13px 14px;gap:14px}
  .logo,.logo-svg{width:44px;height:44px}
  .event-card{padding-right:54px}
  .arrow{right:16px}
}