/* UGC Content service landing */

.ugc-page{
  --ugc-bg:#0b0b0b;
  --ugc-panel:#121212;
  --ugc-line:rgba(255,255,255,.1);
  --ugc-muted:#9a9a9a;
  background:var(--ugc-bg);
  color:#eee;
}

.ugc-shell{
  width:min(1040px,calc(100% - 40px));
  margin:0 auto;
}

.ugc-hero{
  padding:88px 0 64px;
  border-bottom:1px solid var(--ugc-line);
  background:
    radial-gradient(ellipse at 20% 0%,rgba(230,9,16,.18),transparent 55%),
    var(--ugc-bg);
}

.ugc-hero-inner{
  width:min(760px,calc(100% - 40px));
  margin:0 auto;
}

.ugc-hero h1{
  margin:12px 0 16px;
  font-family:Montserrat,Arial,sans-serif;
  font-size:clamp(2rem,4.5vw,3.2rem);
  font-weight:900;
  letter-spacing:-.03em;
  line-height:1.05;
}

.ugc-hero p{
  max-width:38rem;
  margin:0 0 24px;
  font-size:1.05rem;
  line-height:1.6;
  color:var(--ugc-muted);
}

.ugc-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.ugc-success{
  margin:18px 0 0;
  padding:12px 14px;
  border-radius:8px;
  background:rgba(46,160,67,.12);
  border:1px solid rgba(46,160,67,.35);
  color:#b8f0c2;
  font-size:14px;
}

.ugc-section{
  padding:64px 0;
}

.ugc-section--alt{
  background:var(--ugc-panel);
  border-top:1px solid var(--ugc-line);
  border-bottom:1px solid var(--ugc-line);
}

.ugc-section-head{
  max-width:40rem;
  margin-bottom:28px;
}

.ugc-section-head h2,
.ugc-split h2,
.ugc-close h2{
  margin:10px 0 12px;
  font-family:Montserrat,Arial,sans-serif;
  font-size:clamp(1.45rem,3vw,2rem);
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.15;
}

.ugc-section-head p,
.ugc-split p{
  margin:0;
  color:var(--ugc-muted);
  line-height:1.6;
}

.ugc-fit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.ugc-fit-grid article{
  padding:22px 20px;
  border:1px solid var(--ugc-line);
  border-radius:12px;
  background:rgba(255,255,255,.02);
}

.ugc-fit-grid h3{
  margin:0 0 8px;
  font-family:Montserrat,Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.ugc-fit-grid p{
  margin:0;
  color:var(--ugc-muted);
  font-size:14px;
  line-height:1.5;
}

.ugc-split{
  display:grid;
  grid-template-columns:1.4fr .9fr;
  gap:28px;
  align-items:start;
}

.ugc-note{
  padding:22px 20px;
  border-radius:12px;
  border:1px solid var(--ugc-line);
  background:rgba(230,9,16,.08);
}

.ugc-note strong{
  display:block;
  margin-bottom:8px;
  font-family:Montserrat,Arial,sans-serif;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.ugc-note p{
  margin:0;
  color:var(--ugc-muted);
  font-size:14px;
  line-height:1.55;
}

.ugc-note a{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px;
}

.ugc-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.ugc-steps article{
  padding:22px 18px;
  border:1px solid var(--ugc-line);
  border-radius:12px;
  background:rgba(255,255,255,.02);
}

.ugc-steps span{
  display:block;
  margin-bottom:10px;
  font-family:Montserrat,Arial,sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  color:#e60910;
}

.ugc-steps h3{
  margin:0 0 8px;
  font-family:Montserrat,Arial,sans-serif;
  font-size:16px;
  font-weight:800;
}

.ugc-steps p{
  margin:0;
  color:var(--ugc-muted);
  font-size:14px;
  line-height:1.5;
}

.ugc-close{
  padding:72px 0 88px;
  text-align:center;
  border-top:1px solid var(--ugc-line);
}

.ugc-close p{
  max-width:32rem;
  margin:0 auto 22px;
  color:var(--ugc-muted);
  line-height:1.55;
}

@media (max-width:820px){
  .ugc-fit-grid,
  .ugc-steps,
  .ugc-split{
    grid-template-columns:1fr;
  }
}