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

/* 5페이지 배경 이미지 - 시안 */
.page-5 .content-box {
    background-image: url('../images/bg-cyan.jpg');
}

/* 5페이지 소제목 - 핑크 */
.page-5 .logo-text p {
    background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
    box-shadow: 0 2px 8px rgba(236, 72, 153, 0.3);
    color: #1f2937;
    text-shadow: none;
}

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

/* 5페이지 답변 말풍선 크기 확대 */
.page-5 .answer-bubble {
    max-width: 600px;
}

/* 5페이지 답변 텍스트 크기 조정 */
.page-5 .answer-text {
    font-size: 16px;
    line-height: 1.8;
}

/* 5페이지 로고 - 핑크-퍼플 그라데이션 */
.page-5 .logo-icon {
    background: linear-gradient(135deg, #ec4899 0%, #a855f7 100%);
    box-shadow: 0 8px 20px rgba(236, 72, 153, 0.4);
}

.page-5 .logo-text h1 {
    background: linear-gradient(135deg, #ec4899 0%, #a855f7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

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

/* 5페이지 질문 말풍선 - 핑크 그라데이션 */
.page-5 .question-bubble {
    background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
}
.page-5 .question-bubble::before {
    border-right-color: #ec4899;
}

.page-5 .question-avatar {
    background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
    box-shadow: 0 8px 20px rgba(236, 72, 153, 0.4);
}

/* 5페이지 답변 아바타 - 밝은 핑크 */
.page-5 .answer-avatar {
    background: linear-gradient(135deg, #f472b6 0%, #ec4899 100%);
    box-shadow: 0 8px 20px rgba(244, 114, 182, 0.4);
}

.page-5 .answer-bubble .answer-icon {
    background: linear-gradient(135deg, #f472b6 0%, #ec4899 100%);
    box-shadow: 0 4px 12px rgba(244, 114, 182, 0.4);
}

/* 5페이지 강조 텍스트 */
.page-5 .answer-text strong {
    color: #ec4899;
}

.page-5 .highlight {
    background: linear-gradient(transparent 60%, #fce7f3 60%);
    color: #db2777;
}

/* 5페이지 데모 버튼 - 핑크 그라데이션 */
.page-5 .demo-button {
    background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
    box-shadow: 0 8px 20px rgba(236, 72, 153, 0.4);
}

.page-5 .demo-button:hover {
    box-shadow: 0 12px 30px rgba(236, 72, 153, 0.5);
}

/* 5페이지 네비게이션 활성 상태 - 핑크 */
.page-5 .page-number.active {
    background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
    color: white;
    box-shadow: 0 4px 16px rgba(236, 72, 153, 0.4);
    transform: scale(1.1);
}

/* 5페이지 알림 아이콘 - 핑크 */
.page-5 .notification-icon {
    background: linear-gradient(135deg, #ec4899 0%, #db2777 100%);
    box-shadow: 0 8px 20px rgba(236, 72, 153, 0.3);
}

.page-5 .notification-progress {
    background: linear-gradient(90deg, #ec4899 0%, #db2777 100%);
}