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

:root{
  --primary:#6a1b9a;
  --secondary:#9c27b0;
  --gradient:linear-gradient(90deg,#4a148c,#7b1fa2,#9c27b0);
  --dark:#1c1c1c;
  --gray:#666;
  --light:#f5f5f7;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Poppins',sans-serif;
  background:var(--light);
  color:var(--dark);
  line-height:1.6;
}

.container{
  width:90%;
  max-width:1200px;
  margin:auto;
}

.btn{
  background:var(--gradient);
  color:#fff;
  padding:12px 28px;
  border:none;
  border-radius:6px;
  cursor:pointer;
  transition:.3s;
}

.btn:hover{
  opacity:.9;
  transform:translateY(-2px);
}