:root{
  --purple:#7c3aed;
  --purple-dark:#5b21b6;
  --accent:#f3e8ff;
  --muted:#6b6b6b;
  --radius:14px;
  --glass: rgba(255,255,255,0.85);
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:'Poppins',system-ui,Segoe UI,Roboto,Helvetica,Arial;
  background: linear-gradient(180deg, #fff 0%, #fbfbff 100%);
  color:#111;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  min-height:100vh;
}

/* Section titles */
.section-title {
  text-align: center;
  margin: 30px 0 10px;
  font-size: 24px;
  font-weight: 600;
  color: var(--purple-dark);
}
.section-title::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background: var(--purple);
    margin: 8px auto 0;
    border-radius: 2px;
}

/* Buttons */
.btn{
  border:0;
  padding:10px 16px;
  border-radius:999px;
  font-weight:600;
  cursor:pointer;
  box-shadow: 0 6px 18px rgba(124,58,237,0.12);
}
.btn.primary{ background:linear-gradient(90deg,var(--purple),var(--purple-dark)); color:white; }
.btn.ghost{ background:transparent; border:1px solid rgba(124,58,237,0.12); color:var(--purple-dark); }

.btn.small {
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 400;
    transition: background 0.2s, color 0.2s;
    background: transparent;
    color: var(--muted);
    box-shadow: none;
}