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

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

/* 2페이지 소제목 - 그린 */
.page-2 .logo-text p {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
    color: #1f2937;
    text-shadow: none;
}

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

/* 2페이지 로고 - 진한 블루 */
.page-2 .logo-icon {
    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.5);
}

.page-2 .logo-text h1 {
    background: linear-gradient(135deg, #2563eb 0%, #1e3a8a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

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

/* 2페이지 질문 말풍선 - 밝은 블루 그라데이션 */
.page-2 .question-bubble {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
}

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

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

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

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

/* 2페이지 답변 말풍선 아이콘 - 블루 그라데이션 */
.page-2 .answer-bubble .bubble-icon {
    background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
    box-shadow: 0 4px 12px rgba(96, 165, 250, 0.4);
}

/* 2페이지 하이라이트 */
.page-2 .highlight {
    background: linear-gradient(transparent 50%, #93c5fd 50%);
    color: #1e40af;
}

.page-2 .answer-text strong {
    color: #1e40af;
}

/* 2페이지 기능 태그 - 블루 톤 */
.page-2 .tag {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1e40af;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);
}

/* 2페이지 데모 버튼 - 밝은 블루 그라데이션 */
.page-2 .demo-button {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    box-shadow: 
        0 12px 35px rgba(59, 130, 246, 0.45),
        0 0 0 0 rgba(59, 130, 246, 0.4);
}

.page-2 .demo-button:hover {
    box-shadow: 
        0 16px 45px rgba(59, 130, 246, 0.5),
        0 0 0 8px rgba(59, 130, 246, 0.1);
}

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

.page-2 .notification-progress {
    background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
}

/* 모바일 앱 강조 효과 */
.page-2 .mobile-emphasis {
    position: relative;
}

.page-2 .mobile-emphasis::after {
    content: '📱';
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 24px;
    animation: bounce 2s ease-in-out infinite;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}