:root{--bg:#020815;--navy:#06152f;--gold:#f6c45d;--text:#fff4dd;--muted:#c5cad5;--line:rgba(247,190,79,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Georgia,'Times New Roman',serif;overflow-x:hidden}a{color:inherit}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#020714;overflow:hidden}.hero-ambient{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(30px) brightness(.30) saturate(1.18);transform:scale(1.06)}.ambient-shade{position:absolute;inset:0;background:radial-gradient(circle at 35% 36%,transparent 20%,rgba(1,5,16,.2) 54%,rgba(1,4,12,.78) 100%)}
.scene-wrap{position:relative;z-index:2;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.scene{position:relative;aspect-ratio:1752/898;width:min(100vw,calc(100vh * 1.951));height:min(100vh,calc(100vw / 1.951));overflow:hidden;box-shadow:0 0 110px rgba(225,153,45,.18)}.scene-master{display:block;width:100%;height:100%;object-fit:fill;position:relative;z-index:2}
/* Key R3H fix: transparent live line-art only; no opaque brown chakra plate. */
.chakra-stage{position:absolute;inset:0;z-index:3;pointer-events:none;-webkit-mask-image:url('/assets/chakra-occlusion-r3h.png');mask-image:url('/assets/chakra-occlusion-r3h.png');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.chakra-live{position:absolute;left:-1.75%;top:.1%;width:45.1%;aspect-ratio:1;pointer-events:none}.rashi-wheel{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 50%;mix-blend-mode:screen;will-change:transform;filter:drop-shadow(0 0 6px rgba(255,174,54,.35))}.outer-a{opacity:.64;animation:rashiCW 28s linear infinite}.outer-b{opacity:.19;transform:scale(.965);animation:rashiCCW 46s linear infinite}.inner-a{opacity:.42;transform:scale(.76);animation:rashiCCW 18s linear infinite}.chakra-halo{position:absolute;border-radius:50%;pointer-events:none}.halo-a{inset:7%;border:1px solid rgba(255,190,72,.22);box-shadow:0 0 22px rgba(240,154,35,.08),inset 0 0 22px rgba(240,154,35,.06);animation:haloPulse 4.8s ease-in-out infinite}.halo-b{inset:21%;border:1px solid rgba(255,202,95,.14);animation:haloPulse 3.4s ease-in-out infinite reverse}@keyframes rashiCW{to{transform:rotate(360deg)}}@keyframes rashiCCW{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes haloPulse{0%,100%{opacity:.28;transform:scale(.985)}50%{opacity:.62;transform:scale(1.015)}}
.hero-stars{position:absolute;inset:0;z-index:5;pointer-events:none}.hero-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe29a;box-shadow:0 0 12px 4px rgba(255,187,54,.62);animation:twinkle 2.7s ease-in-out infinite}.hero-stars i:nth-child(1){left:5%;top:16%}.hero-stars i:nth-child(2){left:18%;top:7%;animation-delay:.4s}.hero-stars i:nth-child(3){left:35%;top:11%;animation-delay:1.1s}.hero-stars i:nth-child(4){left:55%;top:8%;animation-delay:.8s}.hero-stars i:nth-child(5){left:78%;top:13%;animation-delay:1.7s}.hero-stars i:nth-child(6){left:94%;top:24%;animation-delay:.3s}.hero-stars i:nth-child(7){left:63%;top:79%;animation-delay:1.3s}.hero-stars i:nth-child(8){left:45%;top:88%;animation-delay:1.9s}.hero-stars i:nth-child(9){left:11%;top:73%;animation-delay:1.4s}.hero-stars i:nth-child(10){left:84%;top:66%;animation-delay:.6s}@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.55)}50%{opacity:1;transform:scale(1.9)}}
.hotspot{position:absolute;z-index:8;border-radius:16px;outline:none}.hotspot:hover{background:rgba(255,213,128,.055);box-shadow:0 0 28px rgba(246,179,56,.15)}.hotspot:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 7px #e7a83e}.nav-home{left:28.4%;top:1.6%;width:4.2%;height:6%}.nav-features{left:33.7%;top:1.6%;width:4.3%;height:6%}.nav-how{left:38.1%;top:1.6%;width:7.3%;height:6%}.nav-guruji{left:47%;top:1.6%;width:4.4%;height:6%}.nav-testimonials{left:52.1%;top:1.6%;width:6.7%;height:6%}.nav-pricing{left:59.1%;top:1.6%;width:4.4%;height:6%}.nav-blog{left:64%;top:1.6%;width:3.2%;height:6%}.nav-login{left:74.9%;top:1.2%;width:5.8%;height:6.2%}.nav-register{left:81.3%;top:1.2%;width:9.9%;height:6.2%}.cta-begin{left:42.3%;top:48.6%;width:19.2%;height:7.7%}.cta-login{left:62%;top:48.6%;width:16.7%;height:7.7%}.scroll-hotspot{left:47.5%;top:90%;width:10.5%;height:7%}
.mobile-hero{display:none}.motion-toggle{position:fixed;z-index:30;right:16px;bottom:16px;width:45px;height:45px;border-radius:50%;border:1px solid rgba(255,209,116,.46);background:rgba(4,14,34,.78);backdrop-filter:blur(12px);color:#ffd879;font-size:14px;cursor:pointer}
.section{position:relative;z-index:3;padding:88px max(6vw,28px);background:linear-gradient(180deg,#06142c,#030a18);border-top:1px solid var(--line)}.section-title,.center{max-width:1050px;margin:auto;text-align:center}.section-title span,.eyebrow{font:700 12px/1.3 Arial,sans-serif;letter-spacing:.27em;color:#e6ab4d}.section h2{font-size:clamp(36px,5vw,64px);line-height:1.02;margin:14px 0 18px;color:#fff0c5;text-shadow:0 0 28px rgba(223,150,41,.12)}.section p{font:17px/1.72 Arial,sans-serif;color:#c6cbd5}.grid{max-width:1400px;margin:42px auto 0;display:grid;gap:18px}.grid.four{grid-template-columns:repeat(4,1fr)}article,.glass-card{padding:27px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(14,34,67,.74),rgba(5,14,31,.85));box-shadow:inset 0 1px rgba(255,255,255,.04),0 24px 60px rgba(0,0,0,.22)}article b{font-size:20px;color:#ffd171}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.steps span{display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);font:600 14px Arial,sans-serif;color:#e7e5df}.steps i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffdc8c,#d98d27);color:#07142c;font-weight:800}.mini-orbit{height:230px;position:relative;display:grid;place-items:center}.mini-orbit i{position:absolute;border:1px solid rgba(255,196,80,.48);border-radius:50%;animation:rashiCW linear infinite}.mini-orbit i:first-child{width:210px;height:210px;animation-duration:24s}.mini-orbit i:last-of-type{width:150px;height:150px;animation-duration:14s;animation-direction:reverse}.mini-orbit i:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#ffd06b;top:-5px;left:48%;box-shadow:0 0 18px #f3a92f}.mini-orbit b{font-size:55px;color:#ffd271;text-shadow:0 0 28px #e29d32}.guruji{display:grid;grid-template-columns:minmax(300px,.72fr) 1.28fr;gap:56px;align-items:center}.guru-img{max-width:500px;margin:auto;padding:10px;border-radius:28px;background:linear-gradient(135deg,rgba(255,213,126,.9),rgba(143,79,20,.22));box-shadow:0 35px 85px rgba(0,0,0,.42)}.guru-img img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:20px}.note{margin:24px 0;padding:20px;border-left:3px solid #e8ae4c;background:rgba(246,187,79,.055);font:15px/1.6 Arial,sans-serif;color:#e7dfd1}.btn-gold,.btn-line{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:14px;text-decoration:none;font:800 14px Arial,sans-serif}.btn-gold{background:linear-gradient(135deg,#ffe19c,#d98b22);color:#07142c;box-shadow:0 10px 35px rgba(222,140,28,.24)}.btn-line{border:1px solid rgba(255,211,124,.55);background:rgba(4,14,34,.58);color:#fff0cc}.btn-gold.inline{margin-top:18px}footer{padding:28px max(6vw,28px);display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;align-items:center;background:#020711;border-top:1px solid var(--line);font-family:Arial,sans-serif;color:#9ca5b4}footer>div{display:flex;flex-direction:column;color:#f0c46a;font-family:Georgia,serif;font-size:22px}footer small{font:12px Arial,sans-serif;color:#aaa}footer p{text-align:center;font-size:12px}footer nav{display:flex;justify-content:flex-end;gap:18px}footer nav a{text-decoration:none;color:#e6bd65}
@media(max-width:900px){.scene-wrap,.hero-ambient,.ambient-shade{display:none}.hero{min-height:auto;display:block}.mobile-hero{display:flex;position:relative;min-height:100svh;flex-direction:column;overflow:hidden;padding:20px 18px 40px;background:radial-gradient(circle at 50% 30%,rgba(50,87,168,.44),transparent 25%),radial-gradient(circle at 18% 52%,rgba(205,126,35,.22),transparent 28%),linear-gradient(180deg,#061630,#020713)}.mobile-cosmos{position:absolute;inset:0;background-image:radial-gradient(#ffd57d 1px,transparent 1px);background-size:38px 38px;opacity:.19;animation:starMove 28s linear infinite}@keyframes starMove{to{background-position:0 140px}}.mobile-nav{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between}.mobile-brand{display:flex;gap:9px;align-items:center}.mobile-brand .om{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid #e8ad47;color:#ffd274;box-shadow:0 0 26px rgba(233,170,52,.22);font-size:27px}.mobile-brand strong{display:block;font-size:27px;color:#ffe0a0}.mobile-brand small{display:block;font:11px Arial,sans-serif;color:#d7c7a7}.mini-login{padding:9px 14px;border:1px solid rgba(255,209,119,.43);border-radius:12px;text-decoration:none;font:700 12px Arial,sans-serif}.mobile-guru-stage{position:relative;z-index:3;width:min(88vw,390px);height:355px;margin:14px auto 0;display:grid;place-items:center}.mobile-rashi{position:absolute;z-index:1;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 8px rgba(244,162,45,.28))}.outer-mobile{width:335px;height:335px;opacity:.65;animation:rashiCW 28s linear infinite}.inner-mobile{width:255px;height:255px;opacity:.42;animation:rashiCCW 18s linear infinite}.mobile-guru{position:absolute;z-index:4;bottom:0;width:68%;height:91%;object-fit:cover;object-position:45% 12%;border-radius:45% 45% 24% 24%;box-shadow:0 20px 55px rgba(0,0,0,.5);-webkit-mask-image:linear-gradient(to bottom,#000 0 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0 78%,transparent 100%)}.mobile-copy{position:relative;z-index:4;text-align:center}.mobile-copy h1{font-size:clamp(40px,12vw,60px);line-height:.98;margin:11px 0;color:#fff2cd}.mobile-copy h1 em{font-style:normal;color:#f3b64e}.mobile-copy p{font:15px/1.58 Arial,sans-serif;color:#c7ccd6}.mobile-actions{display:flex;gap:9px;justify-content:center;margin:16px 0}.mobile-actions a{min-width:46%}.mobile-pills{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}.mobile-pills span{padding:7px 10px;border:1px solid rgba(255,202,99,.24);border-radius:99px;background:rgba(4,16,39,.7);font:600 11px Arial,sans-serif;color:#dadde5}.section{padding:62px 20px}.grid.four,.split,.guruji{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.guru-img{max-width:360px}footer{grid-template-columns:1fr;text-align:center}footer nav{justify-content:center}.motion-toggle{right:11px;bottom:11px;width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rashi-wheel,.chakra-halo,.hero-stars i,.mini-orbit i,.mobile-rashi,.mobile-cosmos{animation:none!important}.hero-ambient{display:none}.scene-master{display:block}}
.motion-paused .rashi-wheel,.motion-paused .chakra-halo,.motion-paused .hero-stars i,.motion-paused .mini-orbit i,.motion-paused .mobile-rashi,.motion-paused .mobile-cosmos{animation-play-state:paused!important}

/* =========================================================
   R3H THEME TOGGLE ADD-ON
   Dark remains the protected/default R3H baseline.
   Light theme changes the surrounding UI without disturbing
   the approved Guruji + transparent live Rashi composition.
   ========================================================= */
:root{color-scheme:dark}
:root[data-theme="light"]{color-scheme:light;--bg:#f8f0e2;--navy:#fff8ee;--gold:#b97812;--text:#302016;--muted:#6d6258;--line:rgba(151,97,18,.22)}

.floating-controls{position:fixed;z-index:40;right:16px;bottom:16px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}
.floating-controls button{pointer-events:auto}
.theme-toggle{min-width:118px;height:46px;padding:5px 13px 5px 6px;border-radius:999px;border:1px solid rgba(255,207,112,.5);background:linear-gradient(180deg,rgba(10,27,57,.92),rgba(4,14,34,.9));box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.07),0 0 25px rgba(235,168,50,.11);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#ffe1a0;display:inline-flex;align-items:center;gap:9px;font:800 12px/1 Arial,sans-serif;letter-spacing:.03em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .25s ease,color .25s ease,border-color .25s ease}
.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08),0 0 30px rgba(239,174,58,.18)}
.theme-toggle:focus-visible,.motion-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}
.theme-icon{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff0bd 0 18%,#f7bd53 40%,#b97113 100%);box-shadow:0 0 18px rgba(246,184,70,.34),inset 0 1px rgba(255,255,255,.5);overflow:hidden;color:#33200b;font-size:18px}
.sun-icon,.moon-icon{position:absolute;transition:transform .35s ease,opacity .28s ease}.sun-icon{opacity:1;transform:rotate(0) scale(1)}.moon-icon{opacity:0;transform:rotate(-40deg) scale(.55)}
.theme-label{min-width:46px;text-align:center}
.motion-toggle{position:relative;right:auto;bottom:auto;z-index:auto;width:46px;height:46px;flex:0 0 46px}

:root[data-theme="light"] body{background:#f8f0e2;color:#302016}
:root[data-theme="light"] .theme-toggle{background:linear-gradient(180deg,rgba(255,252,246,.96),rgba(247,235,214,.94));border-color:rgba(153,99,17,.3);color:#67400d;box-shadow:0 14px 34px rgba(103,67,17,.16),inset 0 1px #fff,0 0 25px rgba(212,151,51,.12)}
:root[data-theme="light"] .theme-icon{background:radial-gradient(circle at 35% 30%,#172f58 0 18%,#0a1b38 55%,#061126 100%);color:#ffe2a3;box-shadow:0 0 17px rgba(65,75,105,.25),inset 0 1px rgba(255,255,255,.15)}
:root[data-theme="light"] .sun-icon{opacity:0;transform:rotate(42deg) scale(.55)}
:root[data-theme="light"] .moon-icon{opacity:1;transform:rotate(0) scale(1)}
:root[data-theme="light"] .motion-toggle{background:rgba(255,250,241,.9);border-color:rgba(154,100,18,.28);color:#81500d;box-shadow:0 12px 30px rgba(102,68,18,.14)}

/* Hero remains the approved R3H artwork. Light mode brightens the atmosphere
   rather than recoloring the baked design, so Guruji and the Rashi alignment
   stay exact. */
:root[data-theme="light"] .hero{background:#efe3cf}
:root[data-theme="light"] .hero-ambient{filter:blur(30px) brightness(.68) saturate(.9);opacity:.72}
:root[data-theme="light"] .ambient-shade{background:radial-gradient(circle at 35% 36%,rgba(255,246,229,.04) 15%,rgba(244,228,200,.16) 60%,rgba(236,219,190,.5) 100%)}
:root[data-theme="light"] .scene{box-shadow:0 0 110px rgba(155,102,18,.17)}

:root[data-theme="light"] .section{background:linear-gradient(180deg,#fff9ef,#f5ead9);border-top-color:rgba(157,102,20,.2)}
:root[data-theme="light"] .section h2{color:#342216;text-shadow:none}
:root[data-theme="light"] .section p{color:#675d54}
:root[data-theme="light"] .section-title span,:root[data-theme="light"] .eyebrow{color:#a56812}
:root[data-theme="light"] article,:root[data-theme="light"] .glass-card{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(250,239,221,.92));border-color:rgba(164,107,21,.22);box-shadow:inset 0 1px #fff,0 20px 48px rgba(103,68,20,.09)}
:root[data-theme="light"] article b{color:#8a5410}
:root[data-theme="light"] .steps span{border-color:rgba(159,103,20,.2);background:rgba(255,255,255,.58);color:#51483f}
:root[data-theme="light"] .guru-img{background:linear-gradient(135deg,#f2c670,#c38931);box-shadow:0 30px 70px rgba(95,62,17,.16)}
:root[data-theme="light"] .note{border-left-color:#b87816;background:rgba(183,119,21,.07);color:#5e5348}
:root[data-theme="light"] .btn-line{border-color:rgba(153,99,17,.34);background:rgba(255,255,255,.66);color:#5b390d}
:root[data-theme="light"] footer{background:#efe3d0;border-top-color:rgba(157,102,20,.2);color:#776b5f}
:root[data-theme="light"] footer>div{color:#85520f}
:root[data-theme="light"] footer small{color:#7c7269}
:root[data-theme="light"] footer nav a{color:#8a560f}

@media(max-width:900px){
  .floating-controls{right:11px;bottom:11px;gap:8px}
  .theme-toggle{min-width:44px;width:44px;height:44px;padding:5px;border-radius:50%}
  .theme-icon{width:32px;height:32px;flex-basis:32px}
  .theme-label{display:none}
  .motion-toggle{width:42px;height:42px;flex-basis:42px}
  :root[data-theme="light"] .mobile-hero{background:radial-gradient(circle at 50% 29%,rgba(232,188,103,.29),transparent 28%),radial-gradient(circle at 18% 52%,rgba(255,255,255,.7),transparent 30%),linear-gradient(180deg,#fffaf0,#f4e8d5 72%)}
  :root[data-theme="light"] .mobile-cosmos{opacity:.13;filter:sepia(1) saturate(.8)}
  :root[data-theme="light"] .mobile-brand strong{color:#6b420d}
  :root[data-theme="light"] .mobile-brand small{color:#77695b}
  :root[data-theme="light"] .mobile-brand .om{border-color:#b77918;color:#925a0e;box-shadow:0 0 22px rgba(177,116,23,.14)}
  :root[data-theme="light"] .mini-login{border-color:rgba(148,94,15,.28);color:#6c420b;background:rgba(255,255,255,.5)}
  :root[data-theme="light"] .mobile-copy h1{color:#392517}
  :root[data-theme="light"] .mobile-copy h1 em{color:#a56612}
  :root[data-theme="light"] .mobile-copy p{color:#6d6258}
  :root[data-theme="light"] .mobile-pills span{border-color:rgba(151,95,14,.2);background:rgba(255,255,255,.58);color:#65594e}
}


/* R3H-T2 approved light hero; dark R3H remains unchanged. */
.hero-ambient-light,.scene-master-light{display:none}
.scene-master-light{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:2}
:root[data-theme="light"] .hero-ambient-dark{display:none}
:root[data-theme="light"] .hero-ambient-light{display:block;position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;filter:blur(28px) brightness(1.02) saturate(.92);transform:scale(1.045);opacity:.88}
:root[data-theme="light"] .ambient-shade{background:radial-gradient(circle at 48% 38%,rgba(255,255,255,.05) 15%,rgba(255,249,237,.14) 60%,rgba(235,217,185,.42) 100%)}
:root[data-theme="light"] .scene{aspect-ratio:1793/877;width:min(100vw,calc(100vh * 2.04446978));height:min(100vh,calc(100vw / 2.04446978));box-shadow:0 0 92px rgba(154,101,23,.14)}
:root[data-theme="light"] .scene-master-dark{display:none}
:root[data-theme="light"] .scene-master-light{display:block}
:root[data-theme="light"] .chakra-stage{display:block;opacity:.96}
:root[data-theme="light"] .hero-stars{opacity:.28}
:root[data-theme="light"] .hero-stars i{background:#c48218;box-shadow:0 0 10px 3px rgba(224,151,31,.22)}
/* T4 final: same live R3H chakra geometry, made darker and clearly visible on the approved light theme. */
:root[data-theme="light"] .chakra-live{left:-1.72%;top:.08%;width:45.2%}
:root[data-theme="light"] .rashi-wheel{mix-blend-mode:multiply;filter:sepia(.20) saturate(1.24) brightness(.88) contrast(1.16) drop-shadow(0 0 4px rgba(116,67,9,.24)) drop-shadow(0 0 8px rgba(202,132,26,.13))}
:root[data-theme="light"] .outer-a{opacity:.64}
:root[data-theme="light"] .outer-b{opacity:.22;transform:scale(.968)}
:root[data-theme="light"] .inner-a{opacity:.40;transform:scale(.76)}
:root[data-theme="light"] .halo-a{border-color:rgba(145,86,10,.28);box-shadow:0 0 18px rgba(156,92,12,.10),inset 0 0 18px rgba(156,92,12,.08)}
:root[data-theme="light"] .halo-b{border-color:rgba(154,91,12,.18)}
:root[data-theme="light"] .nav-home{left:27.8%;top:1.2%;width:4.5%;height:6.2%}
:root[data-theme="light"] .nav-features{left:33.0%;top:1.2%;width:5.0%;height:6.2%}
:root[data-theme="light"] .nav-how{left:38.3%;top:1.2%;width:7.2%;height:6.2%}
:root[data-theme="light"] .nav-guruji{left:46.2%;top:1.2%;width:4.4%;height:6.2%}
:root[data-theme="light"] .nav-testimonials{left:51.6%;top:1.2%;width:7.0%;height:6.2%}
:root[data-theme="light"] .nav-pricing{left:58.7%;top:1.2%;width:4.5%;height:6.2%}
:root[data-theme="light"] .nav-blog{left:63.8%;top:1.2%;width:3.4%;height:6.2%}
:root[data-theme="light"] .nav-login{left:72.7%;top:1.0%;width:5.4%;height:6.8%}
:root[data-theme="light"] .nav-register{left:78.9%;top:1.0%;width:10.4%;height:6.8%}
:root[data-theme="light"] .cta-begin{left:43.2%;top:48.2%;width:18.7%;height:7.3%}
:root[data-theme="light"] .cta-login{left:62.3%;top:48.2%;width:15.6%;height:7.3%}
:root[data-theme="light"] .scroll-hotspot{left:47.2%;top:90.2%;width:10.8%;height:7%}
@media(max-width:900px){
  :root[data-theme="light"] .mobile-hero{background:radial-gradient(circle at 50% 26%,rgba(255,212,118,.34),transparent 27%),radial-gradient(circle at 12% 54%,rgba(255,255,255,.88),transparent 34%),linear-gradient(180deg,#fffdf7 0%,#fff7e8 58%,#f3e1c3 100%)}
  :root[data-theme="light"] .mobile-rashi{mix-blend-mode:multiply;filter:sepia(.28) saturate(1.38) brightness(.78) contrast(1.20) drop-shadow(0 0 5px rgba(119,69,10,.30))}
  :root[data-theme="light"] .outer-mobile{opacity:.80}
  :root[data-theme="light"] .inner-mobile{opacity:.52}
  :root[data-theme="light"] .mobile-guru{box-shadow:0 18px 45px rgba(113,73,17,.22)}
}