/* 페이지 3 전용 스타일 */

/* 3페이지 배경 이미지 */
.page-3 .content-box {
    background-image: url('../images/bg-page3-final.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* 3페이지 소제목 - 퍼플 */
.page-3 .logo-text p {
    background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
    box-shadow: 0 2px 8px rgba(168, 85, 247, 0.3);
    color: #1f2937;
    text-shadow: none;
}

/* 3페이지 헤더 여백 통일 */
.page-3 .header-section {
    margin-bottom: 10px;
}

/* 3페이지 로고 - 진한 퍼플 */
.page-3 .logo-icon {
    background: linear-gradient(135deg, #a855f7 0%, #7e22ce 100%);
    box-shadow: 0 8px 20px rgba(168, 85, 247, 0.5);
}

.page-3 .logo-text h1 {
    background: linear-gradient(135deg, #9333ea 0%, #6b21a8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.page-3 .logo-text p {
    color: #94a3b8;
}

/* 3페이지 질문 말풍선 - 밝은 퍼플 그라데이션 */
.page-3 .question-bubble {
    background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
}

.page-3 .question-bubble::before {
    border-right-color: #a855f7;
}

/* 3페이지 질문 아바타 */
.page-3 .question-avatar {
    background: linear-gradient(135deg, #c084fc 0%, #a855f7 100%);
}

/* 3페이지 답변 아바타 */
.page-3 .answer-avatar {
    background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
}

/* 3페이지 답변 말풍선 - 화이트 */
.page-3 .answer-bubble {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-color: #cbd5e1;
}

/* 3페이지 답변 말풍선 아이콘 - 퍼플 그라데이션 */
.page-3 .answer-bubble .bubble-icon {
    background: linear-gradient(135deg, #c084fc 0%, #a855f7 100%);
    box-shadow: 0 4px 12px rgba(192, 132, 252, 0.4);
}

/* 3페이지 하이라이트 */
.page-3 .highlight {
    background: linear-gradient(transparent 50%, #e9d5ff 50%);
    color: #7e22ce;
}

.page-3 .answer-text strong {
    color: #7e22ce;
}

/* 3페이지 기능 태그 - 퍼플 톤 */
.page-3 .tag {
    background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%);
    color: #7e22ce;
    box-shadow: 0 2px 8px rgba(168, 85, 247, 0.15);
}

/* 3페이지 자세히 보기 버튼 - 퍼플 그라데이션 */
.page-3 .demo-button {
    background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
    box-shadow: 
        0 12px 35px rgba(168, 85, 247, 0.45),
        0 0 0 0 rgba(168, 85, 247, 0.4);
}

.page-3 .demo-button:hover {
    box-shadow: 
        0 16px 45px rgba(168, 85, 247, 0.5),
        0 0 0 8px rgba(168, 85, 247, 0.1);
}

/* 3페이지 알림 아이콘 */
.page-3 .notification-icon {
    background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
}

.page-3 .notification-progress {
    background: linear-gradient(90deg, #a855f7 0%, #9333ea 100%);
}

/* 세금계산서 강조 효과 */
.page-3 .invoice-emphasis {
    position: relative;
}

.page-3 .invoice-emphasis::after {
    content: '📄';
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 24px;
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
}