.home2-page { background: #03040a; color: #f5f0e7; }
.home2-page > .top-bar { display: none; }
.home2-page > .page-content { width: 100%; max-width: none; margin: 0; padding: 0; }
.home2-page > .page-content > .app-loader { color: #111827; }
.mc2 { --gold: #d8b56b; --gold-light: #f2d99d; --ink: #05060d; --panel: rgba(14, 15, 27, .78); --line: rgba(216, 181, 107, .23); position: relative; min-height: 100vh; overflow: hidden; color: #eee9df; background: radial-gradient(circle at 74% 12%, rgba(95, 44, 135, .18), transparent 30rem), radial-gradient(circle at 15% 38%, rgba(27, 59, 111, .16), transparent 34rem), #05060c; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; isolation: isolate; }
.mc2 *, .mc2 *::before, .mc2 *::after { box-sizing: border-box; }
.mc2 a { color: inherit; text-decoration: none; }
.mc2-stars { position: absolute; inset: 0; z-index: -2; opacity: .7; background-image: radial-gradient(circle, rgba(255,255,255,.8) 0 1px, transparent 1.5px), radial-gradient(circle, rgba(216,181,107,.7) 0 1px, transparent 1.3px); background-size: 83px 83px, 137px 137px; background-position: 12px 21px, 52px 77px; animation: mc2-star-drift 80s linear infinite; }
.mc2-stars::after { content: ""; position: absolute; top: 10%; left: -20%; width: 110px; height: 1px; opacity: 0; transform: rotate(-24deg); background: linear-gradient(90deg, transparent, #fff, transparent); box-shadow: 30px 0 12px #bba8ff; animation: mc2-shoot 11s 4s ease-in-out infinite; }
.mc2-cursor-glow { position: fixed; z-index: -1; top: 0; left: 0; width: 460px; height: 460px; pointer-events: none; border-radius: 50%; opacity: .35; background: radial-gradient(circle, rgba(135,83,185,.18), transparent 67%); transition: transform .18s ease-out; }
.mc2-nav { position: relative; z-index: 20; width: min(1400px, calc(100% - 48px)); min-height: 84px; margin: 0 auto; display: grid; grid-template-columns: auto 1fr auto; gap: 32px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.08); }
.mc2-brand { display: inline-flex; align-items: center; gap: 11px; font-family: Georgia, serif; font-size: 1.12rem; letter-spacing: .04em; }
.mc2-brand img { filter: sepia(.5) saturate(.8); border-radius: 50%; }
.mc2-nav-links { display: flex; justify-content: center; gap: clamp(17px, 2.2vw, 34px); color: #c9c4bd; font-size: .88rem; }
.mc2-nav-links a, .mc2-languages a { padding: 9px 0; transition: color .25s ease; }
.mc2-nav-links a:hover, .mc2-languages a:hover, .mc2-languages a[aria-current="true"] { color: var(--gold-light); }
.mc2-nav-actions, .mc2-languages { display: flex; align-items: center; gap: 12px; }
.mc2-menu-toggle { display: none; width: 40px; height: 40px; padding: 0; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--gold-light); cursor: pointer; background: rgba(10,11,20,.9); font: 1.15rem/1 sans-serif; }
.mc2-menu-toggle:hover, .mc2-menu-toggle[aria-expanded="true"] { border-color: rgba(242,217,157,.65); background: rgba(216,181,107,.1); }
.mc2-languages { padding-right: 14px; border-right: 1px solid rgba(255,255,255,.12); font-size: .68rem; letter-spacing: .1em; }
.mc2-account { max-width: 135px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 9px 14px; border: 1px solid var(--line); border-radius: 999px; color: var(--gold-light); font-size: .8rem; }
.mc2-main { width: min(1320px, calc(100% - 48px)); margin: 0 auto; }
.mc2-hero { min-height: calc(100vh - 84px); display: grid; grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr); gap: 5vw; align-items: center; padding: 70px 0 90px; }
.mc2-eyebrow { margin: 0 0 18px; color: var(--gold); font-size: .71rem; font-weight: 700; letter-spacing: .23em; text-transform: uppercase; }
.mc2 h1, .mc2 h2, .mc2 h3 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; }
.mc2 h1 { max-width: 750px; margin: 0; font-size: clamp(3.3rem, 6.2vw, 6.5rem); line-height: .97; letter-spacing: -.045em; }
.mc2 h1 span { color: var(--gold-light); font-style: italic; }
.mc2-lead { max-width: 620px; margin: 30px 0 0; color: #aaa6a3; font-size: clamp(1rem, 1.3vw, 1.18rem); line-height: 1.75; }
.mc2-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 38px; }
.mc2-button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; padding: 0 25px; border: 1px solid transparent; border-radius: 999px; cursor: pointer; font: inherit; font-size: .82rem; font-weight: 700; letter-spacing: .035em; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.mc2-button:hover { transform: translateY(-2px); }
.mc2-button-primary { color: #17120a !important; background: linear-gradient(125deg, #cba653, #f1d995); box-shadow: 0 10px 34px rgba(207,168,83,.16); }
.mc2-button-primary:hover { box-shadow: 0 14px 38px rgba(207,168,83,.28); }
.mc2-button-ghost { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.025); }
.mc2-cosmos { position: relative; width: min(630px, 100%); aspect-ratio: 1; margin-inline: auto; }
.mc2-cosmos::before { content: ""; position: absolute; inset: 19%; border-radius: 50%; background: radial-gradient(circle, rgba(193,151,74,.15), transparent 60%); filter: blur(4px); }
.mc2-zodiac { position: absolute; inset: 5%; border: 1px solid rgba(216,181,107,.25); border-radius: 50%; animation: mc2-spin 75s linear infinite; animation-play-state: running; will-change: transform; backface-visibility: hidden; }
.mc2-zodiac::before, .mc2-zodiac::after { content: ""; position: absolute; inset: 10%; border: 1px dashed rgba(216,181,107,.13); border-radius: 50%; }
.mc2-zodiac::after { inset: 31%; border-style: solid; }
.mc2-zodiac span { position: absolute; top: 50%; left: 50%; color: rgba(239,210,146,.7); font-size: 1.25rem; transform: translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translateY(-270px) rotate(calc(var(--i) * -30deg)); }
.mc2-zodiac span:nth-child(1){--i:0}.mc2-zodiac span:nth-child(2){--i:1}.mc2-zodiac span:nth-child(3){--i:2}.mc2-zodiac span:nth-child(4){--i:3}.mc2-zodiac span:nth-child(5){--i:4}.mc2-zodiac span:nth-child(6){--i:5}.mc2-zodiac span:nth-child(7){--i:6}.mc2-zodiac span:nth-child(8){--i:7}.mc2-zodiac span:nth-child(9){--i:8}.mc2-zodiac span:nth-child(10){--i:9}.mc2-zodiac span:nth-child(11){--i:10}.mc2-zodiac span:nth-child(12){--i:11}
.mc2-orbit { position: absolute; inset: 23%; border: 1px solid rgba(145,111,185,.2); border-radius: 50%; transform: rotate(-19deg); }
.mc2-orbit-two { inset: 34%; transform: rotate(25deg); }
.mc2-planet-track { position: absolute; z-index: 3; inset: 17%; border-radius: 50%; pointer-events: none; animation: mc2-orbit-spin 18s linear infinite; animation-play-state: running; transform-origin: 50% 50%; will-change: transform; backface-visibility: hidden; }
.mc2-venus-track { inset: 7%; animation-duration: 27s; animation-direction: reverse; animation-delay: -9s; }
.mc2-planet { position: absolute; z-index: 3; display: grid; place-items: center; width: 76px; height: 76px; padding: 0; border: 1px solid rgba(216,181,107,.22); border-radius: 50%; color: #f1d998; cursor: pointer; pointer-events: auto; background: rgba(7,8,16,.88); box-shadow: 0 0 25px rgba(107,70,150,.13); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; animation: mc2-breathe 5s ease-in-out infinite; }
.mc2-planet span { font: 2.1rem Georgia, serif; line-height: 1; }
.mc2-planet b { position: absolute; top: calc(100% + 8px); font-size: .62rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.mc2-planet:hover, .mc2-planet.is-active { transform: scale(1.1); border-color: rgba(240,211,145,.7); box-shadow: 0 0 38px rgba(203,164,83,.28); }
.mc2-sun { top: 43%; left: 44%; width: 92px; height: 92px; background: radial-gradient(circle, #f0d18b 0 5%, #9e6c25 19%, #1a1110 57%, #08080e 72%); animation: mc2-sun-float 6s ease-in-out infinite; }
.mc2-moon, .mc2-venus { top: -38px; left: calc(50% - 38px); }
.mc2-planet-message { position: absolute; left: 50%; bottom: 5%; width: 260px; margin: 0; padding: 13px 18px; transform: translateX(-50%); text-align: center; border: 1px solid rgba(216,181,107,.14); border-radius: 999px; color: #a8a3a2; background: rgba(5,6,12,.8); font-size: .76rem; backdrop-filter: blur(10px); }
.mc2-planet-message strong { margin-right: 8px; color: var(--gold-light); }
.mc2-section { padding: 110px 0; border-top: 1px solid rgba(255,255,255,.07); }
.mc2-section-heading { max-width: 680px; margin-bottom: 48px; }
.mc2-section-heading h2, .mc2-number-section h2 { margin: 0; font-size: clamp(2.35rem, 4.5vw, 4.3rem); line-height: 1.08; letter-spacing: -.035em; }
.mc2-section-heading > p:last-child, .mc2-number-section > div > p:last-child { color: #9f9b99; line-height: 1.7; }
.mc2-service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.mc2-service { position: relative; min-height: 330px; padding: 38px; overflow: hidden; border: 1px solid var(--line); border-radius: 4px; background: linear-gradient(145deg, rgba(22,20,34,.82), rgba(8,9,17,.84)); transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
.mc2-service::before { content: ""; position: absolute; width: 200px; height: 200px; right: -80px; bottom: -100px; border-radius: 50%; background: rgba(109,69,151,.18); filter: blur(35px); transition: transform .4s ease; }
.mc2-service:hover { transform: translateY(-8px); border-color: rgba(216,181,107,.48); box-shadow: 0 24px 55px rgba(0,0,0,.32), 0 0 30px rgba(96,55,135,.08); }
.mc2-service:hover::before { transform: translate(-20px,-30px); }
.mc2-service-icon { display: grid; place-items: center; width: 58px; height: 58px; color: var(--gold); border: 1px solid var(--line); border-radius: 50%; font: 1.55rem Georgia, serif; }
.mc2-service h3 { margin: 65px 0 12px; font-size: 2rem; }
.mc2-service p { max-width: 320px; margin: 0; color: #9d9997; line-height: 1.65; }
.mc2-arrow { position: absolute; right: 34px; bottom: 30px; color: var(--gold); font-size: 1.5rem; }
.mc2-ritual { text-align: center; }
.mc2-ritual .mc2-section-heading { margin-inline: auto; }
.mc2-lenormand-window { width: 100%; overflow: hidden; border: 1px solid rgba(216,181,107,.38); border-radius: 12px; background: #090914; box-shadow: 0 24px 70px rgba(0,0,0,.38); }
.mc2-lenormand-window iframe { display: block; width: 100%; height: 980px; border: 0; background: #090914; }
.mc2-lenormand-open { margin: 24px 0 0; }
.mc2-tarot-grid { display: flex; justify-content: center; gap: clamp(16px, 3vw, 42px); perspective: 1300px; }
.mc2-tarot-card { width: clamp(150px, 18vw, 225px); aspect-ratio: .59; padding: 0; border: 0; cursor: pointer; color: #ede2c9; background: transparent; animation: mc2-card-float 5s ease-in-out infinite; animation-play-state: running; will-change: transform; perspective: 1000px; }
.mc2-tarot-card:nth-child(2) { animation-delay: -.9s; }.mc2-tarot-card:nth-child(3) { animation-delay: -1.8s; }
.mc2-card-inner { position: relative; display: block; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.mc2-tarot-card.is-selected .mc2-card-inner { transform: rotateY(180deg); }
.mc2-card-back, .mc2-card-front { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(216,181,107,.56); border-radius: 11px; backface-visibility: hidden; }
.mc2-card-back { background: repeating-linear-gradient(45deg, transparent 0 10px, rgba(216,181,107,.035) 10px 11px), radial-gradient(circle, #34203f, #0d0c18 67%); box-shadow: 0 18px 45px rgba(0,0,0,.38); }
.mc2-card-back::before, .mc2-card-back::after { content: ""; position: absolute; inset: 9px; border: 1px solid rgba(216,181,107,.25); border-radius: 7px; }
.mc2-card-back::after { inset: 17px; border-style: dotted; }
.mc2-card-back i { z-index: 1; font: normal 3rem Georgia, serif; text-shadow: 0 0 25px var(--gold); }
.mc2-card-back small { position: absolute; bottom: 25%; z-index: 1; font-size: .55rem; line-height: 1.6; letter-spacing: .25em; }
.mc2-card-front { align-items: end; padding: 18px; transform: rotateY(180deg); background: linear-gradient(transparent 54%, rgba(4,5,10,.95)), var(--card-image) center/cover; }
.mc2-card-front span { z-index: 1; font-family: Georgia, serif; font-size: 1.08rem; }
.mc2-tarot-grid.has-selection .is-dimmed { opacity: .22; filter: saturate(.25); transform: scale(.94); }
.mc2-tarot-result { max-width: 520px; margin: 38px auto 0; }
.mc2-tarot-result[hidden], .mc2-number-result[hidden], .mc2-form-error[hidden] { display: none; }
.mc2-tarot-result h3 { margin: 0 0 8px; color: var(--gold-light); font-size: 1.8rem; }
.mc2-tarot-result p { color: #aaa6a3; line-height: 1.65; }
.mc2-text-button { padding: 8px 3px; border: 0; border-bottom: 1px solid var(--gold); color: var(--gold-light); cursor: pointer; background: none; font: inherit; }
.mc2-number-section { display: grid; grid-template-columns: 1fr .9fr; gap: 7vw; align-items: center; padding-bottom: 130px; }
.mc2-number-form { padding: 34px; border: 1px solid var(--line); background: var(--panel); }
.mc2-number-form label { display: block; margin-bottom: 12px; color: #c8c1b6; font-size: .77rem; letter-spacing: .08em; text-transform: uppercase; }
.mc2-number-controls { display: flex; gap: 12px; }
.mc2-number-controls input { min-width: 0; flex: 1; padding: 0 15px; border: 1px solid rgba(255,255,255,.15); border-radius: 2px; color: #f4eee4; color-scheme: dark; background: rgba(0,0,0,.25); font: inherit; }
.mc2-form-error { margin: 13px 0 0; color: #efaaa2; font-size: .82rem; }
.mc2-number-result { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; gap: 27px; min-height: 140px; padding: 25px; border-top: 1px solid var(--line); opacity: 0; transform: translateY(12px); transition: opacity .5s ease, transform .5s ease; }
.mc2-number-result.is-visible { opacity: 1; transform: none; }
.mc2-number-result > span { min-width: 105px; color: var(--gold-light); font: 6rem/.9 Georgia, serif; text-align: center; text-shadow: 0 0 30px rgba(216,181,107,.3); }
.mc2-number-result h3 { margin: 0 0 7px; font-size: 1.6rem; }.mc2-number-result p { margin: 0; color: #a9a4a0; }
.mc2-number-more { width: max-content; min-height: 42px; margin-top: 18px; padding-inline: 20px; }
.mc2-footer { width: min(1320px, calc(100% - 48px)); margin: 0 auto; padding: 45px 0; display: grid; grid-template-columns: 1fr auto auto; gap: 40px; align-items: end; border-top: 1px solid rgba(255,255,255,.08); color: #898684; font-size: .76rem; }
.mc2-footer strong { color: #e5dccd; font: 1.1rem Georgia, serif; }.mc2-footer p { max-width: 520px; margin: 10px 0 0; line-height: 1.5; }.mc2-footer nav { display: flex; gap: 20px; }.mc2-footer a:hover { color: var(--gold-light); }
.reveal { opacity: 0; transform: translateY(20px); transition: opacity .75s ease, transform .75s ease; }.reveal.is-visible { opacity: 1; transform: none; }
@keyframes mc2-spin { from { transform: translateZ(0) rotate(0deg); } to { transform: translateZ(0) rotate(360deg); } }
@keyframes mc2-star-drift { to { background-position: 12px 104px, 189px 214px; } }
@keyframes mc2-shoot { 0%,78%,100% { opacity:0; transform: translate3d(0,0,0) rotate(-24deg); } 82% { opacity:.8; } 90% { opacity:0; transform: translate3d(120vw,50vh,0) rotate(-24deg); } }
@keyframes mc2-breathe { 50% { box-shadow: 0 0 35px rgba(117,75,161,.25); } }
@keyframes mc2-orbit-spin { from { transform: translateZ(0) rotate(0deg); } to { transform: translateZ(0) rotate(360deg); } }
@keyframes mc2-sun-float { 50% { transform: translate3d(5px,-8px,0) scale(1.04); box-shadow: 0 0 42px rgba(216,181,107,.3); } }
@keyframes mc2-card-float { 50% { transform: translateY(-7px); } }
@media (max-width: 1100px) {
  .mc2-nav { grid-template-columns: auto 1fr; }.mc2-nav-links { position:absolute; top:calc(100% + 1px); right:0; left:0; display:none; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:12px; border:1px solid rgba(216,181,107,.2); border-top:0; border-radius:0 0 12px 12px; background:rgba(5,6,13,.97); box-shadow:0 22px 45px rgba(0,0,0,.45); backdrop-filter:blur(16px); }.mc2-nav-links.is-open { display:grid; }.mc2-nav-links a { padding:13px 15px; border-radius:7px; }.mc2-nav-links a:hover { background:rgba(216,181,107,.08); }.mc2-nav-actions { justify-self:end; }.mc2-menu-toggle { display:grid; }
  .mc2-hero { grid-template-columns: 1fr 1fr; }.mc2-zodiac span { transform: translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translateY(-21vw) rotate(calc(var(--i) * -30deg)); }
  .mc2-service { min-height: 310px; padding: 29px; }.mc2-service h3 { margin-top: 52px; }
}
@media (max-width: 760px) {
  .mc2-nav, .mc2-main, .mc2-footer { width: min(100% - 32px, 680px); }.mc2-nav { min-height: 72px; gap: 12px; }.mc2-brand span { display:none; }.mc2-languages { gap:8px; padding-right:8px; }.mc2-account { max-width:100px; padding:8px 10px; }
  .mc2-hero { min-height:auto; grid-template-columns:1fr; gap:50px; padding:70px 0 80px; }.mc2 h1 { font-size:clamp(3rem,14vw,4.7rem); }.mc2-lead { font-size:.98rem; }.mc2-actions { flex-direction:column; align-items:stretch; }.mc2-button { width:100%; }
  .mc2-cosmos { width:min(100%,500px); }.mc2-zodiac span { font-size:1rem; transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translateY(-42vw) rotate(calc(var(--i) * -30deg)); }.mc2-planet { width:62px;height:62px;}.mc2-sun { width:76px;height:76px; }.mc2-planet span { font-size:1.7rem; }.mc2-planet-message { bottom:0; }
  .mc2-section { padding:80px 0; }.mc2-service-grid { grid-template-columns:1fr; }.mc2-service { min-height:260px; }.mc2-service h3 { margin-top:38px; }
  .mc2-lenormand-window iframe { height:1100px; }
  .mc2-tarot-grid { gap:9px; }.mc2-tarot-card { width:calc((100vw - 58px)/3); }.mc2-card-front { padding:9px; }.mc2-card-front span { font-size:.72rem; }.mc2-card-back small { display:none; }.mc2-card-back i { font-size:2rem; }
  .mc2-number-section { grid-template-columns:1fr; gap:34px; }.mc2-number-form { padding:22px; }.mc2-number-controls { flex-direction:column; }.mc2-number-controls input { min-height:50px; }.mc2-number-result { grid-column:auto; flex-direction:column; text-align:center; }
  .mc2-footer { grid-template-columns:1fr; gap:24px; align-items:start; }.mc2-footer nav { flex-wrap:wrap; }
  .mc2-nav-links { grid-template-columns:1fr; }
}
@media (max-width: 390px) { .mc2-nav-actions { gap:7px; }.mc2-languages { font-size:.61rem; }.mc2-account { max-width:77px; font-size:.7rem; }.mc2-planet-message { width:230px; }.mc2-zodiac span { transform:translate(-50%,-50%) rotate(calc(var(--i) * 30deg)) translateY(-40vw) rotate(calc(var(--i) * -30deg)); } }
@media (hover: none), (pointer: coarse) { .mc2-cursor-glow { display:none; } }
@media (prefers-reduced-motion: reduce) {
  .mc2 *, .mc2 *::before, .mc2 *::after { scroll-behavior:auto !important; animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
  .mc2-zodiac { animation: mc2-spin 150s linear infinite !important; }
  .mc2-moon-track { animation: mc2-orbit-spin 55s linear infinite !important; }
  .mc2-venus-track { animation: mc2-orbit-spin 80s linear infinite reverse !important; }
  .mc2-sun { animation: mc2-sun-float 10s ease-in-out infinite !important; }
  .mc2-tarot-card { animation: mc2-card-float 9s ease-in-out infinite !important; }
  .reveal { opacity:1; transform:none; }
}