:root { --brand:#ff7a00; }
body { font-family: system-ui, Arial; background:#f6f7fb; }
.brand-bg{ background:var(--brand); }
.brand-text{ color:var(--brand); }
.card{ border:0; border-radius:16px; box-shadow:0 10px 28px rgba(0,0,0,.06); }
.btn-brand{ background:var(--brand); color:#fff; border:0; border-radius:999px; }
.btn-brand:hover{ filter:brightness(.95); }
.nav-pill{ border-radius:999px; }

.copybtn{
    background-color: #ffffff;
}

.card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.more{
    background-color: #ff7a00;
    text-align: center;
    width: 100px;
    height: 30px;
    text-decoration: none;
    color:#fff ;
    border-radius: 40px;

}