/* Page-Specific Styles & Animations Only (Global components moved to components.css) */
        
/* 1080px Horizontal Optimization */
.container-max {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 1.5rem;
}
@media (min-width: 1080px) { .container { max-width: 1080px; } }

/* Segment Switcher (Keep locally if not in components yet, allowing for specific behavior) */
.segment-switcher { display: none; gap: 0.25rem; padding: 0.25rem; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 9999px; }
@media (min-width: 1024px) { .segment-switcher { display: flex; } }
.segment-btn { display: flex; align-items: center; gap: 0.5rem; padding: 0.6rem 1.25rem; border-radius: 9999px; font-size: 0.8rem; font-weight: 500; color: rgba(255, 255, 255, 0.6); text-decoration: none; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.segment-btn:hover { background: rgba(255, 215, 0, 0.1); color: #FFD700; }
.segment-btn.active { background: rgba(255, 215, 0, 0.15); color: #FFD700; box-shadow: inset 0 0 0 1px rgba(255, 215, 0, 0.3); }
.segment-icon { width: 16px; height: 16px; opacity: 0.7; transition: opacity 0.3s ease; }
.segment-btn:hover .segment-icon, .segment-btn.active .segment-icon { opacity: 1; }

/* Slide Styles */
.slide { min-height: 100vh; width: 100%; position: relative; display: flex; flex-direction: column; justify-content: center; padding: 4rem 1rem; border-bottom: 1px solid rgba(255,255,255,0.05); }

.glass-enhanced { background: rgba(15, 23, 42, 0.5); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.1); }
.text-glow-gold { text-shadow: 0 0 20px rgba(255, 215, 0, 0.3); }

/* Animations */
@keyframes rotate-mastery { 0% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } 100% { transform: rotateX(360deg) rotateY(360deg) rotateZ(180deg); } }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes float-gentle { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
.animate-float-gentle { animation: float-gentle 2s ease-in-out infinite; }
.animate-float { animation: float 6s ease-in-out infinite; }

.hero-layout { display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; }
@media (min-width: 1024px) { .hero-layout { grid-template-columns: 5fr 7fr; } }
.hero-visual-container { position: relative; display: flex; align-items: center; justify-content: center; min-height: 300px; }

.highlight-ia-gold { color: #FFD700; font-weight: 800; text-shadow: 0 0 15px rgba(255, 215, 0, 0.4); }

.section-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
.section-reveal.visible { opacity: 1; transform: translateY(0); }
.hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.hover-lift:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3); }
.pulse-subtle { animation: pulse-subtle 2s infinite; }
@keyframes pulse-subtle { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }

/* HERO REDESIGN: NEURAL CORE (Method + AI) */
.neural-core-container { position: relative; width: 600px; height: 600px; perspective: 1000px; transform-style: preserve-3d; pointer-events: none; }
.neural-ring { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; transform-style: preserve-3d; box-shadow: 0 0 15px rgba(255, 215, 0, 0.05); }
.n-ring-1 { width: 500px; height: 500px; border: 1px solid rgba(56, 189, 248, 0.15); animation: neural-spin 30s linear infinite; }
.n-ring-1::before { content: ''; position: absolute; top: -2px; left: 50%; width: 6px; height: 6px; background: #38bdf8; border-radius: 50%; box-shadow: 0 0 10px #38bdf8; }
.n-ring-2 { width: 350px; height: 350px; border: 2px solid rgba(255, 215, 0, 0.3); animation: neural-spin-rev 20s linear infinite; }
.n-ring-2::after { content: ''; position: absolute; bottom: 10%; left: 10%; width: 8px; height: 8px; background: #fbbf24; border-radius: 50%; box-shadow: 0 0 12px #fbbf24; }
.n-ring-3 { width: 200px; height: 200px; border: 1px dashed rgba(255, 255, 255, 0.2); animation: neural-spin 10s linear infinite; }
.neural-nucleus { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: radial-gradient(circle, rgba(255,215,0,0.6) 0%, rgba(99,102,241,0.2) 60%, transparent 100%); border-radius: 50%; filter: blur(10px); animation: pulse-core 4s ease-in-out infinite; }
@keyframes neural-spin { 0% { transform: translate(-50%, -50%) rotateX(60deg) rotateZ(0deg); } 100% { transform: translate(-50%, -50%) rotateX(60deg) rotateZ(360deg); } }
@keyframes neural-spin-rev { 0% { transform: translate(-50%, -50%) rotateX(60deg) rotateY(20deg) rotateZ(0deg); } 100% { transform: translate(-50%, -50%) rotateX(60deg) rotateY(20deg) rotateZ(-360deg); } }
@keyframes pulse-core { 0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); } 50% { opacity: 1; transform: translate(-50%, -50%) scale(1.2); } }

/* Mastery Icosahedron (True 20-sided CSS) - GOLD */
.mastery-icosahedron-container { perspective: 1000px; width: 300px; height: 300px; position: relative; }
.mastery-icosahedron-shape { width: 100%; height: 100%; position: relative; transform-style: preserve-3d; animation: rotate-mastery 20s linear infinite; }
.mastery-face { position: absolute; width: 120px; height: 103.92px; left: 50%; top: 50%; margin-left: -60px; margin-top: -51.96px; background: rgba(255, 215, 0, 0.1); border: 1px solid rgba(255, 215, 0, 0.4); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); transform-origin: 50% 50% 0; backface-visibility: visible; box-shadow: inset 0 0 20px rgba(255, 215, 0, 0.1); transition: all 0.3s ease; }
.mastery-face:hover { background: rgba(255, 215, 0, 0.3); border-color: rgba(255, 215, 0, 0.8); box-shadow: 0 0 30px rgba(255, 215, 0, 0.5); }
.m-face-1 { transform: rotateY(0deg) rotateX(52.62deg) translateZ(90px); }
.m-face-2 { transform: rotateY(72deg) rotateX(52.62deg) translateZ(90px); }
.m-face-3 { transform: rotateY(144deg) rotateX(52.62deg) translateZ(90px); }
.m-face-4 { transform: rotateY(216deg) rotateX(52.62deg) translateZ(90px); }
.m-face-5 { transform: rotateY(288deg) rotateX(52.62deg) translateZ(90px); }
.m-face-6 { transform: rotateY(36deg) rotateX(10.81deg) translateZ(90px) rotateZ(180deg); }
.m-face-7 { transform: rotateY(108deg) rotateX(10.81deg) translateZ(90px) rotateZ(180deg); }
.m-face-8 { transform: rotateY(180deg) rotateX(10.81deg) translateZ(90px) rotateZ(180deg); }
.m-face-9 { transform: rotateY(252deg) rotateX(10.81deg) translateZ(90px) rotateZ(180deg); }
.m-face-10 { transform: rotateY(324deg) rotateX(10.81deg) translateZ(90px) rotateZ(180deg); }
.m-face-11 { transform: rotateY(0deg) rotateX(-10.81deg) translateZ(90px); }
.m-face-12 { transform: rotateY(72deg) rotateX(-10.81deg) translateZ(90px); }
.m-face-13 { transform: rotateY(144deg) rotateX(-10.81deg) translateZ(90px); }
.m-face-14 { transform: rotateY(216deg) rotateX(-10.81deg) translateZ(90px); }
.m-face-15 { transform: rotateY(288deg) rotateX(-10.81deg) translateZ(90px); }
.m-face-16 { transform: rotateY(36deg) rotateX(-52.62deg) translateZ(90px) rotateZ(180deg); }
.m-face-17 { transform: rotateY(108deg) rotateX(-52.62deg) translateZ(90px) rotateZ(180deg); }
.m-face-18 { transform: rotateY(180deg) rotateX(-52.62deg) translateZ(90px) rotateZ(180deg); }
.m-face-19 { transform: rotateY(252deg) rotateX(-52.62deg) translateZ(90px) rotateZ(180deg); }
.m-face-20 { transform: rotateY(324deg) rotateX(-52.62deg) translateZ(90px) rotateZ(180deg); }