.section-reserve{background: transparent}
.reserve-steps {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}
.reserve-card {background: white; padding: 32px 24px; border-radius: 20px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.04);display: flex; flex-direction: column;align-items: flex-start;gap: 16px;transition: all 0.3s ease;position: relative;overflow: hidden;}
.reserve-card:hover{transform: translateY(-2px);box-shadow: 0 8px 30px rgba(203, 17, 171, 0.15); border-color: rgba(203, 17, 171, 0.2)}
.reserve-step-number{position: absolute;top: -15px;right: -5px;font-size: 120px;font-weight: 900;color: rgba(203, 17, 171, 0.03); line-height: 1;pointer-events: none;font-family: 'Arial', sans-serif;}
.reserve-icon {width: 56px;height: 56px;background: linear-gradient(135deg, #cb11ab 0%, #ff0055 100%);border-radius: 16px;display: flex;align-items: center;justify-content: center;color: white;font-size: 28px;margin-bottom: 8px;box-shadow: 0 8px 16px rgba(203, 17, 171, 0.25)}
.reserve-title {font-size: 20px;font-weight: 700;color: #333;margin: 0}
.reserve-desc{font-size: 15px;color: #666;line-height: 1.5;margin: 0}
@media (max-width: 900px) {
    .reserve-steps {grid-template-columns: 1fr; gap: 16px;}
    .reserve-card {padding: 24px;align-items: center;text-align: center;}
    .reserve-step-number {font-size: 80px;right: 10px;top: 0;}
}
@media (max-width: 375px) {
    .reserve-card {padding: 20px;}
    .reserve-icon {width: 48px;height: 48px;font-size: 24px;}
    .reserve-title {font-size: 18px;}
    .reserve-desc {font-size: 14px;}
}