/* assets/style.css */
:root{
  --brand-1: 255, 105, 0;  /* orange */
  --brand-2: 58, 12, 163;  /* purple */
}
.event-banner{
    width: 95%;
    text-align: center;
    /* padding:10px; */
    margin:10px;
}
.event-banner img{
    width:100%;
}
.hero-gradient{
  background: linear-gradient(135deg, rgba(var(--brand-2),1) 0%, rgba(var(--brand-1),1) 100%);
}
.step{ width: 36px; height: 36px; border-radius: 999px; background: #e9ecef; display: grid; place-items: center; font-weight: 700; color:#6c757d; }
.step.active{ background: rgba(var(--brand-1),1); color:#fff; }
.step-line{ height: 4px; background: #e9ecef; border-radius: 999px; }
.form-section{ animation: fadeIn .25s ease; }
@keyframes fadeIn{ from{opacity:0; transform: translateY(6px);} to{opacity:1; transform:none;} }

.hover-card{ transition: transform .12s ease, box-shadow .12s ease; cursor: pointer; }
.hover-card:hover{ transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.1); }

/* Improve form controls */
.form-control, .form-select{ border-radius: .8rem; }
.btn-lg{ border-radius: .9rem; }
.card{ border-radius: 1rem !important; }
label{
  font-weight: bold;
}