/* ============================================================
   sales/sales.css — 영업파트너 페이지 전용 스타일
============================================================ */

/* ---------- 페이드인 업 애니메이션 ---------- */
.fade-in-up {
    animation: fadeInUp 0.8s ease-out forwards;
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ---------- 그라데이션 텍스트 ---------- */
.gradient-text {
    background: linear-gradient(to right, #0A1931, #0062FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ---------- 파트너십 단계 카드 ---------- */
.step-card {
    background: white;
    padding: 2.5rem;
    border-radius: 2.5rem;
    border: 1px solid #f1f5f9;
    transition: all 0.4s ease;
    position: relative;
}
.step-card:hover {
    border-color: var(--main-blue);
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 98, 255, 0.08);
}

/* ---------- 지원 이미지 햇살 효과 ---------- */
.sun-glare {
    position: absolute;
    top: -10%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(255,245,200,0.4) 0%, rgba(255,200,50,0) 70%);
    filter: blur(40px);
    pointer-events: none;
}

/* ---------- 파트너십 모달 ---------- */
.modal-content {
    animation: modalSlideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes modalSlideUp {
    from { opacity: 0; transform: translateY(40px); }
    to   { opacity: 1; transform: translateY(0); }
}