/* ============================================
   SCIENTIFIC THEME
   ============================================ */

body[data-theme="scientific"] {
    --primary-color: #2563eb;
    --secondary-color: #06b6d4;
    --accent-color: #7c3aed;
    --text-dark: #ffffff;
    --text-light: #f2f8ff;
    --text-muted: #ebf1ff;
    --light-bg: #223b5e;
    --white: #13253d;
    --border-color: #417ed4;
}

body[data-theme="scientific"] .navbar {
    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.22);
}

body[data-theme="scientific"] .hero {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.14), rgba(124, 58, 237, 0.11));
}

body[data-theme="scientific"] .who-its-for,
body[data-theme="scientific"] .about-sean,
body[data-theme="scientific"] .contact {
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.09), rgba(37, 99, 235, 0.11));
}

body[data-theme="scientific"] .how-sessions-work,
body[data-theme="scientific"] .faq {
    background: linear-gradient(135deg, rgba(124, 58, 237, 0.1), rgba(6, 182, 212, 0.09));
}

body[data-theme="scientific"] .card:hover,
body[data-theme="scientific"] .faq-item.active {
    box-shadow: 0 10px 30px rgba(37, 99, 235, 0.26);
}

body[data-theme="scientific"] .avatar-placeholder {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.22), rgba(6, 182, 212, 0.18));
}

body[data-theme="scientific"] .theme-backdrop {
    opacity: 1;
}

body[data-theme="scientific"] .theme-layer-atmosphere {
    inset: 0;
    background:
        radial-gradient(circle at 12% 18%, rgba(224, 242, 254, 0.74) 0 1px, transparent 2px),
        radial-gradient(circle at 32% 36%, rgba(224, 242, 254, 0.48) 0 1px, transparent 2px),
        radial-gradient(circle at 62% 21%, rgba(224, 242, 254, 0.54) 0 1px, transparent 2px),
        radial-gradient(circle at 88% 44%, rgba(224, 242, 254, 0.61) 0 1px, transparent 2px),
        radial-gradient(circle at 72% 78%, rgba(224, 242, 254, 0.42) 0 1px, transparent 2px),
        linear-gradient(rgba(147, 197, 253, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(147, 197, 253, 0.06) 1px, transparent 1px),
        radial-gradient(circle at 78% 18%, rgba(6, 182, 212, 0.16), transparent 26%),
        radial-gradient(circle at 18% 82%, rgba(124, 58, 237, 0.15), transparent 30%);
    background-size: auto, auto, auto, auto, auto, 44px 44px, 44px 44px, auto, auto;
}

body[data-theme="scientific"] .theme-layer-atmosphere::before {
    content: "";
    position: absolute;
    left: -8vw;
    right: -8vw;
    top: 54vh;
    height: 24vh;
    background:
        repeating-radial-gradient(ellipse at 50% 50%, transparent 0 7%, rgba(6, 182, 212, 0.065) 7.4% 8%, transparent 8.4% 14%),
        linear-gradient(90deg, transparent, rgba(37, 99, 235, 0.15), rgba(124, 58, 237, 0.12), transparent);
    clip-path: polygon(0 45%, 8% 38%, 16% 52%, 24% 43%, 32% 56%, 40% 46%, 48% 58%, 56% 44%, 64% 54%, 72% 42%, 80% 52%, 88% 40%, 100% 49%, 100% 70%, 0 70%);
    filter: blur(1px);
    opacity: 0.8;
    animation: quantumWave 11s ease-in-out infinite;
}

body[data-theme="scientific"] .theme-layer-edge {
    width: clamp(150px, 18vw, 260px);
    height: clamp(150px, 18vw, 260px);
    border-radius: 50%;
    opacity: 0.68;
    filter: drop-shadow(0 0 18px rgba(6, 182, 212, 0.2));
    animation: atomFloat 10s ease-in-out infinite;
}

body[data-theme="scientific"] .theme-layer-edge-left {
    left: max(-62px, 4vw);
    top: 24vh;
}

body[data-theme="scientific"] .theme-layer-edge-right {
    right: max(-70px, 5vw);
    top: 58vh;
    width: clamp(120px, 15vw, 210px);
    height: clamp(120px, 15vw, 210px);
    animation-delay: -4s;
}

body[data-theme="scientific"] .theme-layer-edge::before,
body[data-theme="scientific"] .theme-layer-edge::after,
body[data-theme="scientific"] .theme-layer-edge .theme-eye {
    content: "";
    position: absolute;
    inset: 18%;
    border: 2px solid rgba(147, 197, 253, 0.54);
    border-radius: 50%;
}

body[data-theme="scientific"] .theme-layer-edge::before {
    transform: rotate(58deg) scaleX(1.75);
}

body[data-theme="scientific"] .theme-layer-edge::after {
    transform: rotate(-58deg) scaleX(1.75);
}

body[data-theme="scientific"] .theme-layer-edge .theme-eye {
    transform: rotate(0deg) scaleX(1.75);
    box-shadow: none;
    background: none;
    animation: orbitalSpin 8s linear infinite;
}

body[data-theme="scientific"] .theme-layer-edge .theme-eye::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    top: -7px;
    left: calc(50% - 6px);
    border-radius: 50%;
    background: #bae6fd;
    box-shadow: 0 0 16px rgba(6, 182, 212, 0.9);
}

body[data-theme="scientific"] .theme-layer-edge .theme-reach {
    left: 50%;
    top: 50%;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: radial-gradient(circle, #e0f2fe 0 20%, #06b6d4 21% 72%, transparent 73%);
    box-shadow: 0 0 20px rgba(6, 182, 212, 0.65);
    transform: translate(-50%, -50%);
}

body[data-theme="scientific"] .theme-layer-bottom {
    left: 8vw;
    right: 8vw;
    bottom: 4vh;
    height: min(18vh, 150px);
    opacity: 0.58;
    background:
        radial-gradient(ellipse at 20% 60%, rgba(124, 58, 237, 0.28), transparent 22%),
        radial-gradient(ellipse at 82% 44%, rgba(6, 182, 212, 0.26), transparent 24%),
        linear-gradient(90deg, transparent, rgba(147, 197, 253, 0.2), transparent);
    clip-path: polygon(0 58%, 10% 52%, 20% 62%, 30% 46%, 40% 60%, 50% 42%, 60% 62%, 70% 48%, 80% 58%, 90% 44%, 100% 54%, 100% 70%, 0 70%);
    animation: quantumWave 9s ease-in-out infinite reverse;
}

@keyframes atomFloat {
    0%, 100% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }
    50% {
        transform: translate3d(0, -2vh, 0) rotate(8deg);
    }
}

@keyframes orbitalSpin {
    from {
        rotate: 0deg;
    }
    to {
        rotate: 360deg;
    }
}

@keyframes quantumWave {
    0%, 100% {
        transform: translateX(-2vw) scaleY(1);
    }
    50% {
        transform: translateX(2vw) scaleY(1.18);
    }
}

@media (max-width: 768px) {
    body[data-theme="scientific"] .theme-layer-edge {
        opacity: 0.42;
    }

    body[data-theme="scientific"] .theme-layer-edge-left {
        left: -62px;
    }

    body[data-theme="scientific"] .theme-layer-edge-right {
        right: -58px;
    }
}