/* Cancellation of Registration page styles */
.cancel-info{padding:20px;background:#f8fbff;max-width:1320px;margin:0 auto}

.cancel-info .section-title h2{font-size:38px;font-weight:700;color:#0d85c5;margin-bottom:15px}
.cancel-info .section-title p{font-size:17px;color:#666}

.cancel-sub{font-size:24px;font-weight:600;color:#0d85c5;margin:10px 0 18px}

/* Refund tiers */
.cancel-tiers{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}
.cancel-tier{display:flex;gap:24px;align-items:center;background:#fff;border-radius:12px;padding:26px 28px;box-shadow:0 8px 25px rgba(0,0,0,.08);transition:.3s ease;border-left:5px solid #0d85c5}
.cancel-tier:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(13,133,197,.15)}
.cancel-tier.full{border-left-color:#1f9d55}
.cancel-tier.half{border-left-color:#e6a117}
.cancel-tier.none{border-left-color:#d64545}

.cancel-badge{min-width:170px;text-align:center;padding:12px 16px;border-radius:30px;font-weight:700;font-size:16px;color:#fff;background:#0d85c5}
.cancel-tier.full .cancel-badge{background:#1f9d55}
.cancel-tier.half .cancel-badge{background:#e6a117}
.cancel-tier.none .cancel-badge{background:#d64545}

.cancel-content{flex:1}
.cancel-content h4{color:#0d85c5;font-size:22px;font-weight:600;margin-bottom:10px}
.cancel-content p{color:#555;line-height:1.8;margin-bottom:0}
.cancel-content a{color:#0d85c5;font-weight:600;text-decoration:none}

/* Notes */
.cancel-wrapper{display:flex;flex-direction:column;gap:25px}
.cancel-card{display:flex;gap:20px;align-items:flex-start;background:#fff;border-radius:12px;padding:28px;box-shadow:0 8px 25px rgba(0,0,0,.08);transition:.3s ease;border-left:5px solid #0d85c5}
.cancel-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(13,133,197,.15)}
.cancel-icon{width:70px;height:70px;min-width:70px;background:#0d85c5;color:#fff;font-size:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}

@media (max-width:768px){
  .cancel-tier,.cancel-card{flex-direction:column;text-align:center}
  .cancel-badge{min-width:0;width:100%}
  .cancel-icon{margin:auto}
  .cancel-info .section-title h2{font-size:30px}
}

@media (prefers-reduced-motion:reduce){
  .cancel-tier,.cancel-card{transition:none}
  .cancel-tier:hover,.cancel-card:hover{transform:none}
}