/* ============================================ SPIRITUAL THEME ============================================ */ body[data-theme="spiritual"] { --primary-color: #b9822f; --secondary-color: #c9a15d; --accent-color: #8f7bd8; --text-dark: #332416; --text-light: #5a4530; --text-muted: #7a6346; --light-bg: #fff4df; --white: #fffaf0; --border-color: #e6c988; } body[data-theme="spiritual"] .navbar { background-color: rgba(255, 250, 240, 0.9); border-bottom-color: rgba(230, 201, 136, 0.52); box-shadow: 0 2px 18px rgba(185, 130, 47, 0.16); } body[data-theme="spiritual"] .hero { background: radial-gradient(circle at 50% 16%, rgba(255, 240, 190, 0.72), transparent 34%), radial-gradient(circle at 82% 24%, rgba(143, 123, 216, 0.18), transparent 30%), radial-gradient(circle at 18% 70%, rgba(255, 214, 128, 0.22), transparent 36%), linear-gradient(135deg, rgba(255, 250, 240, 0.72), rgba(255, 244, 223, 0.56), rgba(237, 220, 190, 0.34)); } body[data-theme="spiritual"] .hero-content h1 { background: linear-gradient(135deg, #7f5520, #d39b38 48%, #7b6fd2); -webkit-background-clip: text; background-clip: text; } body[data-theme="spiritual"] .who-its-for, body[data-theme="spiritual"] .about-sean, body[data-theme="spiritual"] .contact { background: radial-gradient(circle at 12% 18%, rgba(255, 223, 150, 0.28), transparent 30%), radial-gradient(circle at 86% 78%, rgba(143, 123, 216, 0.12), transparent 32%), linear-gradient(135deg, rgba(255, 250, 240, 0.88), rgba(255, 244, 223, 0.78)); } body[data-theme="spiritual"] .how-sessions-work, body[data-theme="spiritual"] .faq { background: radial-gradient(circle at 88% 18%, rgba(255, 218, 135, 0.24), transparent 30%), radial-gradient(circle at 16% 82%, rgba(155, 185, 255, 0.13), transparent 34%), linear-gradient(135deg, rgba(255, 247, 232, 0.84), rgba(244, 226, 194, 0.66)); } body[data-theme="spiritual"] .card, body[data-theme="spiritual"] .faq-item, body[data-theme="spiritual"] .contact-form { background-color: rgba(255, 250, 240, 0.88); border-color: rgba(230, 201, 136, 0.52); box-shadow: 0 12px 32px rgba(130, 91, 35, 0.08); } body[data-theme="spiritual"] .contact-form { background: transparent; box-shadow: none; } body[data-theme="spiritual"] .card:hover, body[data-theme="spiritual"] .faq-item.active { box-shadow: 0 16px 38px rgba(130, 91, 35, 0.13), 0 0 34px rgba(255, 223, 150, 0.18); } body[data-theme="spiritual"] .avatar-placeholder { background: radial-gradient(circle at 50% 18%, rgba(255, 255, 255, 0.92), transparent 0 14%), radial-gradient(circle at 50% 40%, rgba(255, 226, 159, 0.78), transparent 0 38%), repeating-conic-gradient(from 8deg, rgba(255, 241, 194, 0.46) 0 8deg, rgba(201, 161, 93, 0.22) 8deg 14deg, rgba(143, 123, 216, 0.12) 14deg 18deg), radial-gradient(circle, rgba(255, 250, 240, 0.88), rgba(185, 130, 47, 0.22)); } body[data-theme="spiritual"] .theme-backdrop { opacity: 1; } body[data-theme="spiritual"] .theme-layer-atmosphere { inset: -14%; background: radial-gradient(circle at 50% 18%, rgba(255, 243, 202, 0.88), transparent 0 24%), radial-gradient(circle at 52% 44%, rgba(255, 216, 135, 0.34), transparent 0 42%), radial-gradient(circle at 82% 22%, rgba(155, 185, 255, 0.2), transparent 0 18%), radial-gradient(circle at 18% 76%, rgba(143, 123, 216, 0.12), transparent 0 22%), repeating-radial-gradient(circle at 50% 40%, transparent 0 7.8vw, rgba(201, 161, 93, 0.13) 8vw 8.12vw, transparent 8.3vw 13.6vw), linear-gradient(135deg, rgba(255, 250, 240, 0.72), rgba(238, 220, 190, 0.58), rgba(119, 103, 92, 0.22)); filter: saturate(1.14) contrast(0.98); animation: spiritualDreamfield 42s linear infinite; } body[data-theme="spiritual"] .theme-layer-atmosphere::before, body[data-theme="spiritual"] .theme-layer-atmosphere::after { content: ""; position: absolute; inset: -6%; background: linear-gradient(105deg, transparent 0 11%, rgba(255, 232, 171, 0.16) 12%, transparent 14% 31%, rgba(255, 247, 215, 0.18) 32%, transparent 34% 100%), repeating-conic-gradient(from 16deg at 50% 40%, transparent 0 13deg, rgba(255, 223, 150, 0.12) 13.4deg 14.2deg, transparent 15deg 32deg); mix-blend-mode: screen; opacity: 0.78; animation: spiritualRays 34s ease-in-out infinite; } body[data-theme="spiritual"] .theme-layer-atmosphere::after { background: radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.7), transparent 0 0.25rem), radial-gradient(circle at 74% 16%, rgba(155, 185, 255, 0.66), transparent 0 0.22rem), radial-gradient(circle at 88% 54%, rgba(255, 245, 210, 0.62), transparent 0 0.24rem), radial-gradient(circle at 18% 70%, rgba(255, 225, 160, 0.58), transparent 0 0.2rem), radial-gradient(circle at 58% 82%, rgba(255, 255, 255, 0.68), transparent 0 0.24rem); filter: drop-shadow(0 0 10px rgba(255, 226, 159, 0.62)); opacity: 0.84; animation: spiritualSpark 7s ease-in-out infinite; } body[data-theme="spiritual"] .theme-layer-bottom { left: -10vw; right: -10vw; bottom: -8vh; height: min(54vh, 520px); background: repeating-radial-gradient(ellipse at 50% 100%, transparent 0 4.6%, rgba(255, 223, 150, 0.22) 4.8% 5.1%, transparent 5.4% 8.8%), linear-gradient(to top, rgba(255, 229, 175, 0.34), rgba(255, 250, 240, 0.12), transparent); filter: blur(1px); animation: spiritualBreath 12s ease-in-out infinite; } body[data-theme="spiritual"] .theme-layer-bottom::before, body[data-theme="spiritual"] .theme-layer-bottom::after { content: ""; position: absolute; left: 8%; right: 8%; height: 36%; border-radius: 50%; background: repeating-linear-gradient(92deg, transparent 0 2.2rem, rgba(255, 219, 136, 0.18) 2.3rem 2.45rem, transparent 2.6rem 4.8rem), linear-gradient(90deg, transparent, rgba(255, 229, 168, 0.22), rgba(255, 248, 220, 0.2), transparent); filter: blur(5px) drop-shadow(0 0 12px rgba(255, 219, 136, 0.34)); animation: spiritualCurrent 11s ease-in-out infinite; } body[data-theme="spiritual"] .theme-layer-bottom::before { top: 4%; } body[data-theme="spiritual"] .theme-layer-bottom::after { top: 24%; opacity: 0.7; animation-delay: -4s; animation-direction: reverse; } body[data-theme="spiritual"] .theme-layer-edge { width: clamp(260px, 32vw, 480px); height: clamp(260px, 32vw, 480px); border-radius: 50%; opacity: 0.84; background: radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.86) 0 1.4%, rgba(255, 223, 150, 0.7) 1.5% 4.2%, transparent 4.3%), repeating-conic-gradient(from 0deg, rgba(178, 122, 36, 0.38) 0 2deg, transparent 2.4deg 12deg), repeating-radial-gradient(circle, transparent 0 15.5%, rgba(178, 122, 36, 0.28) 15.8% 16.4%, transparent 16.8% 26%, rgba(255, 232, 171, 0.2) 26.4% 26.9%, transparent 27.3% 38%), radial-gradient(circle, rgba(255, 245, 210, 0.62), rgba(255, 223, 150, 0.18) 43%, transparent 72%); filter: drop-shadow(0 0 22px rgba(178, 122, 36, 0.26)); animation: spiritualMandala 18s ease-in-out infinite; } body[data-theme="spiritual"] .theme-layer-edge-left { left: max(-92px, 1vw); top: 16vh; } body[data-theme="spiritual"] .theme-layer-edge-right { right: max(-92px, 1vw); top: 50vh; width: clamp(220px, 27vw, 400px); height: clamp(220px, 27vw, 400px); opacity: 0.72; animation-delay: -7s; animation-direction: reverse; } body[data-theme="spiritual"] .theme-layer-edge::before, body[data-theme="spiritual"] .theme-layer-edge::after { content: ""; position: absolute; inset: 16%; border-radius: 50%; border: 2px solid rgba(178, 122, 36, 0.28); box-shadow: 0 0 18px rgba(255, 223, 150, 0.16); } body[data-theme="spiritual"] .theme-layer-edge::before { transform: rotate(45deg) scaleX(1.45); } body[data-theme="spiritual"] .theme-layer-edge::after { transform: rotate(-45deg) scaleX(1.45); } body[data-theme="spiritual"] .theme-layer-edge .theme-eye { left: 50%; top: 50%; width: clamp(28px, 4.4vw, 62px); height: clamp(28px, 4.4vw, 62px); border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, 0.96) 0 18%, rgba(255, 239, 190, 0.88) 19% 48%, rgba(201, 161, 93, 0.35) 49% 72%, transparent 73%); box-shadow: 0 0 18px rgba(255, 248, 220, 0.9), 0 0 46px rgba(255, 223, 150, 0.58), 0 0 82px rgba(178, 122, 36, 0.22); transform: translate(-50%, -50%); animation: spiritualSeed 5.5s ease-in-out infinite; } body[data-theme="spiritual"] .theme-layer-edge .theme-reach { display: block; left: 50%; top: 50%; width: 5px; height: 5px; border-radius: 50%; background: rgba(255, 255, 255, 0.92); box-shadow: 0 -112px 0 rgba(214, 166, 72, 0.48), 79px -79px 0 rgba(255, 223, 150, 0.48), 112px 0 0 rgba(214, 166, 72, 0.44), 79px 79px 0 rgba(255, 223, 150, 0.46), 0 112px 0 rgba(214, 166, 72, 0.42), -79px 79px 0 rgba(255, 223, 150, 0.46), -112px 0 0 rgba(214, 166, 72, 0.44), -79px -79px 0 rgba(255, 223, 150, 0.48), 0 0 18px rgba(255, 223, 150, 0.72); transform: translate(-50%, -50%); } body[data-theme="spiritual"] .theme-layer-edge .theme-eye:not(:first-of-type), body[data-theme="spiritual"] .theme-layer-bottom .theme-eye { display: none; } body[data-theme="spiritual"] .third-eye { display: block; left: 50%; top: 18vh; width: clamp(300px, 34vw, 520px); height: clamp(170px, 19vw, 300px); background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20640%20340'%3E%0A%20%20%3Cg%20fill%3D'none'%20stroke%3D'%23825b23'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%0A%20%20%20%20%3Cpath%20d%3D'M188%20118%20C250%2042%20390%2042%20452%20118%20C390%20196%20250%20196%20188%20118%20Z'%20fill%3D'%23fff8dc'%20fill-opacity%3D'.58'%20stroke-width%3D'7'%20opacity%3D'.72'%2F%3E%0A%20%20%20%20%3Cpath%20d%3D'M216%20118%20C264%2076%20376%2076%20424%20118%20C376%20160%20264%20160%20216%20118%20Z'%20fill%3D'%23fffaf0'%20fill-opacity%3D'.7'%20stroke-width%3D'0'%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D'320'%20cy%3D'118'%20r%3D'47'%20fill%3D'%23b9a6ec'%20fill-opacity%3D'.78'%20stroke%3D'%23e6c988'%20stroke-width%3D'8'%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D'320'%20cy%3D'118'%20r%3D'20'%20fill%3D'%23241636'%20fill-opacity%3D'.72'%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D'320'%20cy%3D'118'%20r%3D'13'%20stroke%3D'%23fffaf0'%20stroke-width%3D'7'%2F%3E%0A%20%20%20%20%3Cpath%20d%3D'M242%2062%20L232%2040%20M274%2048%20L270%2025%20M320%2040%20L320%2016%20M366%2048%20L370%2025%20M398%2062%20L408%2040'%20stroke-width%3D'6'%20opacity%3D'.58'%2F%3E%0A%20%20%20%20%3Cpath%20d%3D'M188%20118%20L162%20104%20M452%20118%20L478%20104'%20stroke-width%3D'6'%20opacity%3D'.54'%2F%3E%0A%20%20%20%20%3Cpath%20d%3D'M42%20252%20C104%20162%20222%20162%20286%20252'%20stroke-width%3D'8'%20opacity%3D'.64'%2F%3E%0A%20%20%20%20%3Cpath%20d%3D'M354%20252%20C418%20162%20536%20162%20598%20252'%20stroke-width%3D'8'%20opacity%3D'.64'%2F%3E%0A%20%20%20%20%3Cpath%20d%3D'M72%20232%20L48%20212%20M118%20194%20L102%20166%20M184%20174%20L184%20146%20M248%20210%20L270%20184%20M568%20232%20L592%20212%20M522%20194%20L538%20166%20M456%20174%20L456%20146%20M392%20210%20L370%20184'%20stroke-width%3D'6'%20opacity%3D'.54'%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20fill%3D'%23ffe8ab'%20opacity%3D'.32'%3E%0A%20%20%20%20%3Ccircle%20cx%3D'320'%20cy%3D'118'%20r%3D'88'%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D'160'%20cy%3D'228'%20r%3D'60'%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D'480'%20cy%3D'228'%20r%3D'60'%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") center / contain no-repeat; filter: drop-shadow(0 0 18px rgba(255, 223, 150, 0.46)) drop-shadow(0 0 48px rgba(214, 166, 72, 0.2)); opacity: 0.92; transform: translateX(-50%) scale(0.96); animation: thirdEyePresence 10s ease-in-out infinite; } body[data-theme="spiritual"] .third-eye::before, body[data-theme="spiritual"] .third-eye::after { content: none; } body[data-theme="spiritual"] .third-eye { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA2NDAgMzYwJz4KICA8ZyBmaWxsPSdub25lJyBzdHJva2U9JyM4MjViMjMnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+CiAgICA8cGF0aCBkPSdNMTg4IDExOCBDMjUwIDQyIDM5MCA0MiA0NTIgMTE4IEMzOTAgMTk2IDI1MCAxOTYgMTg4IDExOCBaJyBmaWxsPScjZmZmOGRjJyBmaWxsLW9wYWNpdHk9Jy41OCcgc3Ryb2tlLXdpZHRoPSc3JyBvcGFjaXR5PScuNzInLz4KICAgIDxwYXRoIGQ9J00yMTYgMTE4IEMyNjQgNzYgMzc2IDc2IDQyNCAxMTggQzM3NiAxNjAgMjY0IDE2MCAyMTYgMTE4IFonIGZpbGw9JyNmZmZhZjAnIGZpbGwtb3BhY2l0eT0nLjcnIHN0cm9rZS13aWR0aD0nMCcvPgogICAgPGNpcmNsZSBjeD0nMzIwJyBjeT0nMTE4JyByPSc0NycgZmlsbD0nI2I5YTZlYycgZmlsbC1vcGFjaXR5PScuNzgnIHN0cm9rZT0nI2U2Yzk4OCcgc3Ryb2tlLXdpZHRoPSc4Jy8+CiAgICA8Y2lyY2xlIGN4PSczMjAnIGN5PScxMTgnIHI9JzIwJyBmaWxsPScjMjQxNjM2JyBmaWxsLW9wYWNpdHk9Jy43MicvPgogICAgPGNpcmNsZSBjeD0nMzIwJyBjeT0nMTE4JyByPScxMycgc3Ryb2tlPScjZmZmYWYwJyBzdHJva2Utd2lkdGg9JzcnLz4KICAgIDxwYXRoIGQ9J00yNDIgNjIgTDIzMiA0MCBNMjc0IDQ4IEwyNzAgMjUgTTMyMCA0MCBMMzIwIDE2IE0zNjYgNDggTDM3MCAyNSBNMzk4IDYyIEw0MDggNDAnIHN0cm9rZS13aWR0aD0nNicgb3BhY2l0eT0nLjU4Jy8+CiAgICA8cGF0aCBkPSdNMTg4IDExOCBMMTYyIDEwNCBNNDUyIDExOCBMNDc4IDEwNCcgc3Ryb2tlLXdpZHRoPSc2JyBvcGFjaXR5PScuNTQnLz4KICAgIDxwYXRoIGQ9J00yMCAyNDggQzgyIDMyNCAyMDggMzI0IDI3MiAyNDgnIHN0cm9rZS13aWR0aD0nOCcgb3BhY2l0eT0nLjY2Jy8+CiAgICA8cGF0aCBkPSdNMzY4IDI0OCBDNDMyIDMyNCA1NTggMzI0IDYyMCAyNDgnIHN0cm9rZS13aWR0aD0nOCcgb3BhY2l0eT0nLjY2Jy8+CiAgICA8cGF0aCBkPSdNNTQgMjY4IEwzMCAyOTIgTTEwMiAzMDIgTDg2IDMzNCBNMTY4IDMxNCBMMTY4IDM0NCBNMjM0IDI2OCBMMjU4IDI5MiBNNTg2IDI2OCBMNjEwIDI5MiBNNTM4IDMwMiBMNTU0IDMzNCBNNDcyIDMxNCBMNDcyIDM0NCBNNDA2IDI2OCBMMzgyIDI5Micgc3Ryb2tlLXdpZHRoPSc2JyBvcGFjaXR5PScuNTYnLz4KICA8L2c+CiAgPGcgZmlsbD0nI2ZmZThhYicgb3BhY2l0eT0nLjMyJz4KICAgIDxjaXJjbGUgY3g9JzMyMCcgY3k9JzExOCcgcj0nODgnLz4KICAgIDxjaXJjbGUgY3g9JzEzNicgY3k9JzI3Nicgcj0nNjAnLz4KICAgIDxjaXJjbGUgY3g9JzUwNCcgY3k9JzI3Nicgcj0nNjAnLz4KICA8L2c+Cjwvc3ZnPg=="); } @keyframes spiritualDreamfield { from { transform: rotate(0deg) scale(1.05); } to { transform: rotate(360deg) scale(1.05); } } @keyframes spiritualRays { 0%, 100% { transform: rotate(-4deg) scale(1); opacity: 0.58; } 50% { transform: rotate(4deg) scale(1.04); opacity: 0.88; } } @keyframes spiritualSpark { 0%, 100% { opacity: 0.48; transform: translateY(0) scale(1); } 50% { opacity: 0.92; transform: translateY(-1.2vh) scale(1.08); } } @keyframes spiritualBreath { 0%, 100% { opacity: 0.55; transform: translateY(0) scaleX(1); } 50% { opacity: 0.88; transform: translateY(-2vh) scaleX(1.04); } } @keyframes spiritualCurrent { 0%, 100% { transform: translateX(-3vw) skewY(-1.4deg); } 50% { transform: translateX(3vw) skewY(1.4deg); } } @keyframes spiritualMandala { 0%, 100% { transform: translateY(0) rotate(0deg) scale(1); } 50% { transform: translateY(-1.6vh) rotate(7deg) scale(1.04); } } @keyframes spiritualSeed { 0%, 100% { opacity: 0.72; transform: translate(-50%, -50%) scale(0.92); } 50% { opacity: 1; transform: translate(-50%, -50%) scale(1.12); } } @keyframes thirdEyePresence { 0%, 100% { opacity: 0.78; transform: translateX(-50%) scale(0.96); } 45%, 70% { opacity: 1; transform: translateX(-50%) scale(1.02); } } @media (max-width: 768px) { body[data-theme="spiritual"] .theme-layer-edge { opacity: 0.34; } body[data-theme="spiritual"] .theme-layer-edge-left { left: -120px; } body[data-theme="spiritual"] .theme-layer-edge-right { right: -110px; } body[data-theme="spiritual"] .third-eye { left: 50%; top: 16vh; opacity: 0.86; } }