:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}body{margin:0}#root{width:100%;min-height:100vh}main{text-align:center;color:#fff;background:linear-gradient(135deg,#240046,#7b2cbf,#f59e0b);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;font-family:Noto Sans Tamil,Latha,sans-serif;display:flex}h1{text-shadow:0 4px 16px #0008;margin:0 0 18px;font-size:clamp(2.4rem,7vw,5rem)}p{color:#fff4b8;margin:0;font-size:clamp(1.2rem,3vw,2rem)}button{color:#fff;cursor:pointer;background:#fff2;border:2px solid #fff;border-radius:30px;margin-top:24px;padding:14px 30px;font-size:1.2rem;font-weight:700;box-shadow:0 6px 18px #0005}button:hover{color:#7b2cbf;background:#fff;transform:scale(1.05)}#about{text-align:center;color:#3b145f;background:#fff8ed;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;font-family:Noto Sans Tamil,Latha,sans-serif;display:flex}#about h2{color:#7b2cbf;margin:0 0 24px;font-size:clamp(2rem,5vw,4rem)}#about p{color:#4b3b55;max-width:800px;font-size:clamp(1.1rem,2.5vw,1.7rem);line-height:1.8}html{scroll-behavior:smooth}.enter{color:#7b2cbf;background:#fff;border:2px solid #fff;border-radius:30px;margin-top:24px;padding:14px 30px;font-size:1.2rem;font-weight:700;text-decoration:none;box-shadow:0 6px 18px #0004}.purple{color:#fff;background:#7b2cbf;border-color:#7b2cbf}#services{text-align:center;background:linear-gradient(135deg,#fff7e6,#f3e8ff);min-height:100vh;padding:70px 24px;font-family:Noto Sans Tamil,Latha,sans-serif}#services>h2{color:#5a189a;margin:0 0 40px;font-size:clamp(2rem,5vw,4rem)}.cards{grid-template-columns:repeat(2,1fr);gap:24px;max-width:1050px;margin:auto;display:grid}.cards article{background:#fff;border-radius:24px;padding:32px 20px;box-shadow:0 10px 30px #5a189a22}.cards span{font-size:3rem}.cards h3{color:#7b2cbf;margin:15px 0;font-size:1.5rem}.cards p{color:#4b3b55;margin:0;font-size:1.1rem;line-height:1.6}@media (width<=700px){.cards{grid-template-columns:1fr}}.cards .card{background:#fff;border-radius:24px;padding:32px 20px;text-decoration:none;display:block;box-shadow:0 10px 30px #5a189a22}.cards .card span{font-size:3rem}.cards .card h3{color:#7b2cbf;margin:15px 0;font-size:1.5rem}.cards .card p{color:#4b3b55;margin:0;font-size:1.1rem;line-height:1.6}#gurukulam{text-align:center;color:#fff;background:linear-gradient(135deg,#4c1d95,#9333ea);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:50px 24px;scroll-margin-top:40px;font-family:Noto Sans Tamil,Latha,sans-serif;display:flex}#gurukulam h2{margin:0 0 25px;font-size:clamp(2rem,5vw,4rem)}#gurukulam p{color:#fff4c2;max-width:850px;font-size:clamp(1.1rem,2.5vw,1.6rem);line-height:1.8}#gurukulam h2{color:#fff;overflow-wrap:anywhere;max-width:1000px;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.4}#jamakol{text-align:center;color:#fff;background:linear-gradient(135deg,#082f49,#2563eb,#7c3aed);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:50px 24px;scroll-margin-top:40px;font-family:Noto Sans Tamil,Latha,sans-serif;display:flex}#jamakol h2{color:#fff;max-width:1000px;margin:0 0 25px;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.4}#jamakol p{color:#e0f2fe;max-width:850px;font-size:clamp(1.1rem,2.5vw,1.6rem);line-height:1.8}#vallalar{text-align:center;color:#fff;background:linear-gradient(135deg,#7c2d12,#ea580c,#facc15);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:50px 24px;scroll-margin-top:40px;font-family:Noto Sans Tamil,Latha,sans-serif;display:flex}#vallalar h2{color:#fff;max-width:1000px;margin:0 0 25px;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.4}#vallalar p{color:#fff7d6;max-width:850px;font-size:clamp(1.1rem,2.5vw,1.6rem);line-height:1.8}#temple{text-align:center;color:#fff;background:linear-gradient(135deg,#064e3b,#059669,#d97706);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:50px 24px;scroll-margin-top:40px;font-family:Noto Sans Tamil,Latha,sans-serif;display:flex}#temple h2{color:#fff;max-width:1000px;margin:0 0 25px;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.4}#temple p{color:#fff7d6;max-width:900px;font-size:clamp(1.1rem,2.5vw,1.6rem);line-height:1.8}nav{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#240046dd;justify-content:center;gap:35px;width:100%;padding:16px 20px;font-family:Noto Sans Tamil,Latha,sans-serif;display:flex;position:fixed;top:0;left:0;box-shadow:0 3px 15px #0004}nav a{color:#fff;font-size:1.05rem;font-weight:700;text-decoration:none}nav a:hover{color:#ffd166}main,#about,#services,#gurukulam,#jamakol,#vallalar,#temple{scroll-margin-top:70px}@media (width<=600px){nav{gap:18px;padding:13px 10px}nav a{font-size:.9rem}}main h1{color:#fff;max-width:1100px;margin:0 0 18px;font-size:clamp(2.5rem,5.5vw,4.5rem);line-height:1.35}main>p{color:#fff4b8;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.5}nav:before{content:"";background:url(../mithran-logo.png) 50%/cover no-repeat;border:2px solid #fff;border-radius:50%;width:44px;height:44px;position:absolute;left:20px}nav:after{content:"மித்ரன் வாழ்வியல்";color:#fff;font-size:1.1rem;font-weight:700;position:absolute;left:76px}@media (width<=750px){nav:after{display:none}nav:before{width:38px;height:38px;left:10px}}.astrology-form-section{color:#fff;background:linear-gradient(135deg,#24105c,#6b21a8);min-height:auto;padding:60px 20px}.astrology-form-section>p{color:#f3e8ff;margin:0 auto 28px}.astrology-form{background:#ffffff1f;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:min(760px,100%);margin:0 auto;padding:28px;display:grid;box-shadow:0 18px 45px #00000040}.astrology-form label{color:#fff;text-align:left;flex-direction:column;gap:8px;font-size:18px;display:flex}.astrology-form input{box-sizing:border-box;color:#24105c;width:100%;font:inherit;background:#fff;border:1px solid #fff9;border-radius:12px;padding:13px 14px}.astrology-form button{color:#30105f;cursor:pointer;background:linear-gradient(90deg,#fbbf24,#f97316);border:0;border-radius:999px;grid-column:1/-1;padding:14px 24px;font-size:18px;font-weight:700}.astrology-form button:disabled{opacity:.65;cursor:wait}.form-error{background:#fee2e2;border-radius:12px;width:min(760px,100%);margin:20px auto 0;padding:14px;color:#991b1b!important}.horoscope-result{color:#24105c;text-align:left;background:#fff;border-radius:18px;width:min(900px,100%);margin:28px auto 0;padding:22px}.horoscope-result pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:520px;overflow:auto}@media (width<=650px){.astrology-form{grid-template-columns:1fr;padding:20px}.astrology-form-section{padding:45px 14px}}.horoscope-result{color:#24105c;background:linear-gradient(145deg,#fff,#fff8e7);border-radius:22px;width:min(900px,100%);margin:30px auto 0;padding:28px;box-shadow:0 18px 45px #14084647}.horoscope-result h3{color:#4a148c;text-align:center;margin:0 0 22px;font-size:clamp(1.5rem,4vw,2.1rem)}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.result-card{color:#3b1268;text-align:center;background:linear-gradient(135deg,#f6edff,#fff7db);border:1px solid #6a1b9a24;border-radius:16px;justify-content:center;align-items:center;min-height:105px;padding:18px;display:flex;box-shadow:0 8px 20px #4a148c1a}.result-card strong{color:#6a1b9a;font-size:1.2rem}@media (width<=650px){.horoscope-result{padding:18px}.result-grid{grid-template-columns:1fr}}nav:before{display:none}nav .nav-brand{align-items:center;gap:8px;display:flex}nav .nav-brand img{object-fit:cover;background:#fff;border:2px solid #ffd166;border-radius:50%;width:48px;height:48px}.about-section{text-align:center;background:radial-gradient(circle at 15% 20%,#ffd16647,#0000 30%),radial-gradient(circle at 85% 80%,#4fd1c540,#0000 32%),linear-gradient(135deg,#21085a,#5920a8 55%,#123b70);padding:110px 24px;position:relative;overflow:hidden}.about-content{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f08348c;border:1px solid #ffffff38;border-radius:28px;max-width:900px;margin:0 auto;padding:52px 42px;position:relative;box-shadow:0 24px 60px #08032361}.about-label{color:#24104f;background:#ffd166;border-radius:999px;margin-bottom:14px;padding:8px 18px;font-size:.95rem;font-weight:800;display:inline-block}.about-content h2{color:#fff;margin:0 0 20px;font-size:clamp(2.2rem,5vw,4rem)}.about-content p{color:#ffffffe0;max-width:760px;margin:0 auto 18px;font-size:1.12rem;line-height:1.9}.about-content .about-lead{color:#fff3c4;font-size:clamp(1.25rem,2.5vw,1.7rem);font-weight:700}.about-pillars{flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0 32px;display:flex}.about-pillars span{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:999px;padding:10px 18px;font-weight:700}@media (width<=650px){.about-section{padding:80px 16px}.about-content{padding:38px 20px}}#about.about-section{background:radial-gradient(circle at 15% 20%,#ffd16647,#0000 30%),radial-gradient(circle at 85% 80%,#4fd1c540,#0000 32%),linear-gradient(135deg,#21085a,#5920a8 55%,#123b70);min-height:auto;padding:110px 24px}#about .about-content{background:#0f0834b8;border-radius:28px;max-width:900px;margin:0 auto;padding:52px 42px}#about .about-content h2{color:#fff;margin:0 0 20px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.25}#about .about-content p{color:#ffffffe0;max-width:760px;margin:0 auto 18px;font-size:1.12rem;line-height:1.9}#about .about-content .about-lead{color:#fff3c4;font-size:clamp(1.25rem,2.5vw,1.7rem)}@media (width<=650px){#about.about-section{padding:80px 16px}#about .about-content{padding:38px 20px}}#about{scroll-margin-top:82px}.lesson-section{color:#222;background:#fff;width:100%;min-height:100vh;padding:80px 20px}.lesson-content{color:#222;text-align:left;max-width:900px;margin:0 auto;line-height:1.8}.lesson-content h2,.lesson-content h3,.lesson-content p{color:#222}.lesson-block{color:#222;background:#fff;border-radius:14px;margin:24px 0;padding:20px}.lesson-block p{color:#333}.hero-tagline{opacity:.95;margin-top:10px;font-size:1.05rem}.lesson-index{text-align:center;background:linear-gradient(135deg,#fff7e6,#f3e8ff);min-height:100vh;padding:100px 24px 70px;scroll-margin-top:70px;font-family:Noto Sans Tamil,Latha,sans-serif}.lesson-index>h2{color:#5a189a;margin:0 0 8px;font-size:clamp(2rem,5vw,3.5rem)}.lesson-index>h3{color:#6b21a8;margin:0 0 34px}.about-content{width:min(900px,100%)}.about-label{color:#7b2cbf;margin-bottom:10px;font-weight:800;display:inline-block}.about-lead{font-weight:700}.journey{font-weight:700;margin-top:24px!important}.honesty-note{background:#fff;border-radius:18px;margin:28px auto 0;padding:22px;box-shadow:0 8px 24px #5a189a18}.honesty-note strong{color:#5a189a;font-size:1.15rem}.honesty-note p{margin-top:10px!important;font-size:1.05rem!important}.lesson-section{background:#fffaf3;min-height:100vh;padding:100px 20px 70px;scroll-margin-top:70px;font-family:Noto Sans Tamil,Latha,sans-serif}.lesson-section:nth-of-type(2n){background:#faf7ff}.lesson-content{width:min(920px,100%);margin:0 auto}.lesson-number{color:#7b2cbf;margin-bottom:12px;font-size:1rem;font-weight:800}.lesson-content>h2{color:#3b145f;margin:0 0 28px;font-size:clamp(1.8rem,5vw,2.8rem);line-height:1.45}.lesson-block{background:#fff;border-radius:18px;margin:18px 0;padding:22px;box-shadow:0 7px 22px #5a189a12}.lesson-block h3{color:#6b21a8;margin:0 0 12px;font-size:1.25rem}.lesson-block p{color:#40344a;margin:8px 0;font-size:1.08rem;line-height:1.85}.reflection{background:#fff8d9}.mithran-thought{background:#eefbf0;border-left:5px solid #2f855a}.lesson-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0;display:grid}.lesson-images figure{background:#fff;border-radius:18px;margin:0;overflow:hidden;box-shadow:0 8px 24px #0002}.lesson-images img{object-fit:contain;background:#f8f8f8;width:100%;height:auto;display:block}.lesson-images figcaption{color:#5a189a;text-align:center;padding:10px 14px;font-weight:700}.lesson-nav{flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:26px;display:flex}.lesson-nav .enter{margin-top:0}.secondary{color:#7b2cbf;background:#fff;border-color:#7b2cbf}nav{align-items:center}nav:after{display:none}.enter{display:inline-block}#about .honesty-note p{color:#40344a}h1,h2,h3,p,a{overflow-wrap:anywhere}a:focus-visible{outline-offset:4px;outline:3px solid #d97706}@media (width<=400px){nav{gap:12px;padding:10px 8px}nav a{font-size:.8rem}#about .about-content{padding:28px 16px}.enter{padding:12px 18px;font-size:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.copyright{text-align:center;color:#786a80!important;margin-top:34px!important;font-size:.9rem!important}@media (width<=700px){.lesson-section{padding:88px 14px 55px}.lesson-block{padding:18px 16px}.lesson-block p{font-size:1rem;line-height:1.75}.lesson-images{grid-template-columns:1fr}.lesson-nav{flex-direction:column}.lesson-nav .enter{text-align:center}.lesson-index{padding:88px 14px 55px}}