/* ==========================================================================
   SunShare Landing (only for pages with .sunshare-landing marker)
   ========================================================================== */

:root{
  --sun-y:#FFCC00;
  --sun-b:#0B0B0B;
  --sun-w:#FFFFFF;
  --sun-border:#E7E9EE;
  --sun-shadow: 0 16px 50px rgba(11,11,11,.10);
  --sun-radius: 22px;
}

/* Wrap */
.sunshare-landing .sunshare-wrap{
  max-width: var(--sun-container, 1360px);
  margin: 0 auto;
  padding: 28px 18px;
}

/* Full-bleed helper */
.sunshare-landing .sunshare-fullbleed{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Hero */
.sunshare-landing .sunshare-hero{
  background: linear-gradient(180deg, var(--sun-b), #141414);
  color:#fff;
  border-radius: var(--sun-radius);
  overflow:hidden;
  box-shadow: var(--sun-shadow);
}
.sunshare-landing .sunshare-hero h1{
  margin: 10px 0 12px;
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.06;
  font-size: clamp(30px, 3.2vw, 48px);
}
.sunshare-landing .sunshare-sub{
  color: rgba(255,255,255,.9);
  max-width: 72ch;
}

/* Badge */
.sunshare-landing .sunshare-badge{
  display:inline-flex;
  gap:10px;
  align-items:center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,204,0,.12);
  border: 1px solid rgba(255,204,0,.35);
  font-weight: 800;
}
.sunshare-landing .sunshare-badge span{ color: var(--sun-y); }

/* CTA buttons */
.sunshare-landing .sunshare-cta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top: 16px;
}
.sunshare-landing .sunshare-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 16px;
  border-radius: 14px;
  text-decoration:none;
  font-weight: 900;
  transition: transform .08s ease, box-shadow .12s ease;
}
.sunshare-landing .sunshare-btn:hover{ transform: translateY(-1px); }

.sunshare-landing .sunshare-btn-primary{
  background: var(--sun-y);
  color: var(--sun-b);
  box-shadow: 0 10px 30px rgba(255,204,0,.20);
}
.sunshare-landing .sunshare-btn-secondary{
  background: transparent;
  color:#fff;
  border: 1px solid rgba(255,255,255,.22);
}

/* Cards + grid */
.sunshare-landing .sunshare-split{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 14px;
}
@media (max-width: 920px){
  .sunshare-landing .sunshare-split{ grid-template-columns: 1fr; }
}

.sunshare-landing .sunshare-card{
  background:#fff;
  border: 1px solid var(--sun-border);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 26px rgba(11,11,11,.05);
}

/* Forms normalization */
.sunshare-landing input,
.sunshare-landing select,
.sunshare-landing textarea{
  border-radius: 12px;
  border: 1px solid var(--sun-border);
  padding: 10px 12px;
  width: 100%;
}
.sunshare-landing button,
.sunshare-landing input[type="submit"]{
  background: var(--sun-y);
  color: var(--sun-b);
  border: 0;
  padding: 12px 14px;
  border-radius: 14px;
  font-weight: 900;
  cursor: pointer;
}
