/**
 * SpiralGate Page-Specific Visual Variations
 * Each page carries its own frequency
 */

/* ========================================
   THE WEAVE - Flowing Threads
   ======================================== */

.page-the-weave .mirror-layer::before {
    background: 
        radial-gradient(ellipse at center, 
            rgba(74, 144, 217, 0.1) 0%, 
            rgba(155, 89, 182, 0.05) 40%,
            transparent 70%);
}

.page-the-weave .entry-title {
    background: linear-gradient(
        180deg,
        #4a90d9 0%,
        #9b59b6 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.page-the-weave .page-header::after {
    background: linear-gradient(90deg, transparent, #4a90d9, #9b59b6, transparent);
}

/* ========================================
   SOURCE CONSCIOUSNESS - Golden Light
   ======================================== */

.page-source-consciousness .mirror-layer::before {
    background: 
        radial-gradient(ellipse at center, 
            rgba(212, 175, 55, 0.12) 0%, 
            rgba(212, 175, 55, 0.05) 40%,
            transparent 70%);
    animation: source-pulse 8s ease-in-out infinite;
}

@keyframes source-pulse {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 1; }
}

.page-source-consciousness .entry-title {
    color: #d4af37;
    text-shadow: 0 0 40px rgba(212, 175, 55, 0.3);
}

.page-source-consciousness .entry-content h2 {
    color: #d4af37;
}

/* ========================================
   SPIRAL PATH - Purple Journey
   ======================================== */

.page-the-spiral-path .mirror-layer::before {
    background: 
        radial-gradient(ellipse at 30% 20%, rgba(155, 89, 182, 0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 80%, rgba(107, 76, 154, 0.1) 0%, transparent 50%);
    animation: spiral-drift 15s ease-in-out infinite;
}

@keyframes spiral-drift {
    0%, 100% { transform: translateX(0) translateY(0); }
    50% { transform: translateX(2%) translateY(-2%); }
}

.page-the-spiral-path .teaching-section {
    border-left-color: #9b59b6;
}

/* ========================================
   COHERENCE - Rose & Love Tones
   ======================================== */

.page-coherence .mirror-layer::before {
    background: 
        radial-gradient(ellipse at center, 
            rgba(232, 145, 201, 0.1) 0%, 
            rgba(199, 125, 186, 0.06) 40%,
            transparent 70%);
}

.page-coherence .entry-title {
    background: linear-gradient(
        180deg,
        #e891c9 0%,
        #c77dba 50%,
        #9b59b6 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.page-coherence .teaching-section {
    border-left-color: #e891c9;
}

.page-coherence blockquote {
    border-left-color: #e891c9;
}

/* ========================================
   TEACHINGS - Ancient Wisdom
   ======================================== */

.page-teachings .mirror-layer::before {
    background: 
        radial-gradient(ellipse at center, 
            rgba(107, 76, 154, 0.08) 0%, 
            rgba(74, 144, 217, 0.04) 50%,
            transparent 70%);
}

.page-teachings .entry-content {
    position: relative;
}

.page-teachings .entry-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--spiral-gold), transparent);
}

/* ========================================
   TIMELINES & INCARNATION - Multi-Dimensional
   ======================================== */

.page-timelines .mirror-layer::before {
    background: 
        radial-gradient(ellipse at 20% 30%, rgba(155, 89, 182, 0.08) 0%, transparent 40%),
        radial-gradient(ellipse at 80% 70%, rgba(74, 144, 217, 0.08) 0%, transparent 40%),
        radial-gradient(ellipse at 50% 50%, rgba(212, 175, 55, 0.05) 0%, transparent 60%);
    animation: timeline-shift 20s ease-in-out infinite;
}

@keyframes timeline-shift {
    0%, 100% { 
        filter: hue-rotate(0deg);
    }
    50% { 
        filter: hue-rotate(15deg);
    }
}

/* ========================================
   BODY, MIND & SOUL - Triadic Balance
   ======================================== */

.page-body-mind-soul .mirror-layer::before {
    background: 
        radial-gradient(ellipse at 30% 40%, rgba(232, 145, 201, 0.08) 0%, transparent 35%),
        radial-gradient(ellipse at 70% 40%, rgba(74, 144, 217, 0.08) 0%, transparent 35%),
        radial-gradient(ellipse at 50% 70%, rgba(212, 175, 55, 0.08) 0%, transparent 35%);
}

.page-body-mind-soul .entry-content h2:nth-of-type(1) { color: #e891c9; }
.page-body-mind-soul .entry-content h2:nth-of-type(2) { color: #4a90d9; }
.page-body-mind-soul .entry-content h2:nth-of-type(3) { color: #d4af37; }

/* ========================================
   MEET HELPER - AI Presence
   ======================================== */

.page-helper .mirror-layer::before {
    background: 
        radial-gradient(ellipse at center, 
            rgba(74, 144, 217, 0.12) 0%, 
            rgba(155, 89, 182, 0.06) 50%,
            transparent 70%);
    animation: helper-presence 6s ease-in-out infinite;
}

@keyframes helper-presence {
    0%, 100% { opacity: 0.8; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.02); }
}

.page-helper .entry-title {
    background: linear-gradient(
        180deg,
        #4a90d9 0%,
        var(--spiral-light) 50%,
        #9b59b6 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ========================================
   QUESTIONS OF EXISTENCE - Deep Contemplation
   ======================================== */

.page-questions .mirror-layer::before {
    background: 
        radial-gradient(ellipse at center, 
            rgba(107, 76, 154, 0.1) 0%, 
            transparent 60%);
}

.page-questions .question-block:nth-child(odd) {
    border-left-color: var(--spiral-gold);
}

.page-questions .question-block:nth-child(even) {
    border-left-color: var(--spiral-violet);
}

/* ========================================
   CORE CONCEPTS - Crystalline Knowledge
   ======================================== */

.page-core-concepts .mirror-layer::before {
    background: 
        radial-gradient(ellipse at center, 
            rgba(212, 175, 55, 0.06) 0%, 
            rgba(155, 89, 182, 0.04) 40%,
            transparent 70%);
}

.page-core-concepts .concept-section:nth-of-type(1) .concept-symbol { color: #d4af37; }
.page-core-concepts .concept-section:nth-of-type(2) .concept-symbol { color: #9b59b6; }
.page-core-concepts .concept-section:nth-of-type(3) .concept-symbol { color: #4a90d9; }
.page-core-concepts .concept-section:nth-of-type(4) .concept-symbol { color: #e891c9; }

/* ========================================
   ABOUT - Grounding Purpose
   ======================================== */

.page-about .mirror-layer::before {
    background: 
        radial-gradient(ellipse at center, 
            rgba(155, 89, 182, 0.08) 0%, 
            transparent 60%);
}

.page-about .entry-content {
    border-top: 1px solid rgba(155, 89, 182, 0.2);
    padding-top: 3rem;
}