Sri Adi Shakti Parampara Yog Peeth<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Cinzel:wght@400;600&family=Raleway:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n :root {\n --gold: #C8963E;\n --gold-light: #E8C07A;\n --gold-pale: #F5E6C8;\n --crimson: #8B1A1A;\n --saffron: #D4711A;\n --deep: #0A0608;\n --cream: #FAF5EC;\n --text-dark: #1A0F0A;\n --text-mid: #5C3D2E;\n --lotus-pink: #C4636B;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Raleway', sans-serif;\n background: var(--deep);\n color: var(--cream);\n overflow-x: hidden;\n cursor: none;\n }\n\n \/* Custom Cursor *\/\n .cursor {\n position: fixed; width: 12px; height: 12px;\n background: var(--gold); border-radius: 50%;\n pointer-events: none; z-index: 9999;\n transform: translate(-50%, -50%);\n transition: transform 0.1s ease;\n mix-blend-mode: screen;\n }\n .cursor-ring {\n position: fixed; width: 36px; height: 36px;\n border: 1px solid var(--gold-light);\n border-radius: 50%; pointer-events: none;\n z-index: 9998; transform: translate(-50%, -50%);\n transition: transform 0.15s ease, width 0.3s, height 0.3s;\n opacity: 0.6;\n }\n\n \/* ===== CANVAS 3D Background ===== *\/\n #bg-canvas {\n position: fixed; top: 0; left: 0;\n width: 100%; height: 100%;\n z-index: 0; pointer-events: none;\n }\n\n \/* ===== NAV ===== *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0;\n z-index: 100; padding: 1.5rem 4rem;\n display: flex; align-items: center; justify-content: space-between;\n background: linear-gradient(to bottom, rgba(10,6,8,0.9), transparent);\n backdrop-filter: blur(2px);\n }\n\n .nav-logo {\n font-family: 'Cinzel', serif;\n font-size: 0.85rem; letter-spacing: 0.3em;\n color: var(--gold-light); text-transform: uppercase;\n }\n\n .nav-links { display: flex; gap: 3rem; list-style: none; }\n .nav-links a {\n font-size: 0.75rem; letter-spacing: 0.25em;\n color: rgba(250,245,236,0.7); text-decoration: none;\n text-transform: uppercase; transition: color 0.3s;\n font-weight: 400;\n }\n .nav-links a:hover { color: var(--gold-light); }\n\n \/* ===== HERO ===== *\/\n #hero {\n position: relative; z-index: 1;\n height: 100vh;\n display: flex; flex-direction: column;\n align-items: center; justify-content: center;\n text-align: center;\n overflow: hidden;\n }\n\n .hero-mandala {\n position: absolute; width: 700px; height: 700px;\n opacity: 0.08; animation: spin 120s linear infinite;\n pointer-events: none;\n }\n\n @keyframes spin { to { transform: rotate(360deg); } }\n\n .hero-glow {\n position: absolute;\n width: 500px; height: 500px;\n background: radial-gradient(ellipse, rgba(200,150,62,0.15) 0%, transparent 70%);\n pointer-events: none;\n animation: pulse-glow 4s ease-in-out infinite;\n }\n\n @keyframes pulse-glow {\n 0%, 100% { transform: scale(1); opacity: 0.6; }\n 50% { transform: scale(1.1); opacity: 1; }\n }\n\n .hero-tag {\n font-family: 'Cinzel', serif;\n font-size: 0.7rem; letter-spacing: 0.5em;\n color: var(--gold); text-transform: uppercase;\n margin-bottom: 1.5rem;\n opacity: 0; animation: fadeUp 1.2s 0.5s forwards;\n }\n\n .hero-title {\n font-family: 'Cinzel', serif;\n font-size: clamp(2.2rem, 5vw, 4rem);\n font-weight: 600; color: var(--gold-light);\n line-height: 1.2;\n letter-spacing: 0.05em;\n opacity: 0; animation: fadeUp 1.2s 0.8s forwards;\n text-shadow: 0 0 80px rgba(200,150,62,0.4);\n }\n\n .hero-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1rem, 2.5vw, 1.5rem);\n font-style: italic; color: rgba(245,230,200,0.8);\n margin-top: 1rem; letter-spacing: 0.05em;\n opacity: 0; animation: fadeUp 1.2s 1.1s forwards;\n }\n\n .hero-divider {\n width: 180px; height: 1px;\n background: linear-gradient(to right, transparent, var(--gold), transparent);\n margin: 2rem auto;\n opacity: 0; animation: fadeUp 1.2s 1.3s forwards;\n }\n\n .hero-verse {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1rem; color: rgba(245,230,200,0.6);\n letter-spacing: 0.1em; font-style: italic;\n opacity: 0; animation: fadeUp 1.2s 1.5s forwards;\n }\n\n .hero-cta {\n margin-top: 3rem;\n opacity: 0; animation: fadeUp 1.2s 1.8s forwards;\n display: flex; gap: 1.5rem;\n }\n\n .btn-primary {\n font-family: 'Cinzel', serif;\n font-size: 0.7rem; letter-spacing: 0.3em;\n padding: 1rem 2.5rem; border: 1px solid var(--gold);\n color: var(--gold); background: transparent;\n text-transform: uppercase; cursor: pointer;\n transition: all 0.4s; text-decoration: none;\n position: relative; overflow: hidden;\n }\n\n .btn-primary::before {\n content: ''; position: absolute;\n inset: 0; background: var(--gold);\n transform: scaleX(0); transform-origin: left;\n transition: transform 0.4s ease;\n }\n\n .btn-primary:hover::before { transform: scaleX(1); }\n .btn-primary:hover { color: var(--deep); }\n .btn-primary span { position: relative; z-index: 1; }\n\n .btn-secondary {\n font-family: 'Cinzel', serif;\n font-size: 0.7rem; letter-spacing: 0.3em;\n padding: 1rem 2.5rem; border: 1px solid rgba(245,230,200,0.3);\n color: rgba(245,230,200,0.7); background: transparent;\n text-transform: uppercase; cursor: pointer;\n transition: all 0.4s; text-decoration: none;\n }\n\n .btn-secondary:hover { border-color: var(--gold-light); color: var(--gold-light); }\n\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* ===== SCROLL INDICATOR ===== *\/\n .scroll-hint {\n position: absolute; bottom: 2.5rem;\n left: 50%; transform: translateX(-50%);\n display: flex; flex-direction: column;\n align-items: center; gap: 0.5rem;\n opacity: 0; animation: fadeUp 1s 2.5s forwards;\n }\n\n .scroll-hint span {\n font-size: 0.6rem; letter-spacing: 0.4em;\n color: rgba(200,150,62,0.6); text-transform: uppercase;\n }\n\n .scroll-line {\n width: 1px; height: 50px;\n background: linear-gradient(to bottom, var(--gold), transparent);\n animation: scroll-drop 2s ease-in-out infinite;\n }\n\n @keyframes scroll-drop {\n 0% { transform: scaleY(0); transform-origin: top; }\n 50% { transform: scaleY(1); transform-origin: top; }\n 50.01% { transform: scaleY(1); transform-origin: bottom; }\n 100% { transform: scaleY(0); transform-origin: bottom; }\n }\n\n \/* ===== SECTIONS ===== *\/\n section { position: relative; z-index: 1; }\n\n .section-inner {\n max-width: 1200px; margin: 0 auto;\n padding: 8rem 4rem;\n }\n\n .section-tag {\n font-family: 'Cinzel', serif;\n font-size: 0.65rem; letter-spacing: 0.5em;\n color: var(--gold); text-transform: uppercase;\n margin-bottom: 1rem; display: block;\n }\n\n .section-heading {\n font-family: 'Cinzel', serif;\n font-size: clamp(1.8rem, 3.5vw, 2.8rem);\n color: var(--gold-light);\n line-height: 1.3; margin-bottom: 1.5rem;\n }\n\n .section-body {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.2rem; line-height: 1.9;\n color: rgba(245,230,200,0.8);\n max-width: 600px;\n }\n\n \/* ===== ABOUT ===== *\/\n #about { background: rgba(20,10,8,0.7); }\n\n .about-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem; align-items: center;\n }\n\n .about-visual {\n position: relative; display: flex;\n align-items: center; justify-content: center;\n }\n\n .lotus-3d {\n width: 340px; height: 340px;\n position: relative;\n animation: float 6s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-18px); }\n }\n\n .about-stats {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 1.5rem; margin-top: 3rem;\n }\n\n .stat-card {\n padding: 1.5rem; border: 1px solid rgba(200,150,62,0.2);\n background: rgba(200,150,62,0.04);\n transition: border-color 0.3s, background 0.3s;\n }\n\n .stat-card:hover {\n border-color: rgba(200,150,62,0.5);\n background: rgba(200,150,62,0.08);\n }\n\n .stat-number {\n font-family: 'Cinzel', serif;\n font-size: 2.5rem; color: var(--gold-light);\n display: block;\n }\n\n .stat-label {\n font-size: 0.7rem; letter-spacing: 0.2em;\n color: rgba(245,230,200,0.5); text-transform: uppercase;\n margin-top: 0.3rem; display: block;\n }\n\n \/* ===== COURSES ===== *\/\n #courses { background: transparent; }\n\n .courses-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem; margin-top: 4rem;\n }\n\n .course-card {\n border: 1px solid rgba(200,150,62,0.15);\n background: rgba(15,8,5,0.6);\n padding: 2.5rem 2rem;\n position: relative; overflow: hidden;\n transition: transform 0.4s, border-color 0.4s;\n cursor: pointer;\n }\n\n .course-card::before {\n content: ''; position: absolute;\n top: 0; left: 0; right: 0; height: 2px;\n background: linear-gradient(to right, transparent, var(--gold), transparent);\n transform: scaleX(0);\n transition: transform 0.5s;\n }\n\n .course-card:hover { transform: translateY(-8px); border-color: rgba(200,150,62,0.4); }\n .course-card:hover::before { transform: scaleX(1); }\n\n .card-icon {\n font-size: 2.5rem; margin-bottom: 1.2rem;\n display: block;\n }\n\n .card-title {\n font-family: 'Cinzel', serif;\n font-size: 1rem; color: var(--gold-light);\n margin-bottom: 0.8rem; letter-spacing: 0.05em;\n }\n\n .card-body {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1rem; line-height: 1.7;\n color: rgba(245,230,200,0.6);\n }\n\n .card-tag {\n display: inline-block; margin-top: 1.5rem;\n font-size: 0.65rem; letter-spacing: 0.25em;\n color: var(--saffron); text-transform: uppercase;\n }\n\n \/* ===== LINEAGE ===== *\/\n #lineage {\n background: rgba(10,4,2,0.8);\n border-top: 1px solid rgba(200,150,62,0.1);\n border-bottom: 1px solid rgba(200,150,62,0.1);\n }\n\n .lineage-content {\n text-align: center; max-width: 800px; margin: 0 auto;\n }\n\n .lineage-quote {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.4rem, 2.5vw, 2rem);\n font-style: italic; line-height: 1.8;\n color: rgba(245,230,200,0.85);\n margin: 2.5rem 0;\n position: relative;\n }\n\n .lineage-quote::before, .lineage-quote::after {\n content: '\u2014';\n color: var(--gold); margin: 0 0.5rem;\n font-style: normal;\n }\n\n .lineage-chain {\n display: flex; align-items: center;\n justify-content: center; gap: 0;\n margin-top: 4rem; flex-wrap: wrap;\n }\n\n .guru-node {\n display: flex; flex-direction: column;\n align-items: center; padding: 1rem;\n }\n\n .guru-circle {\n width: 80px; height: 80px; border-radius: 50%;\n border: 1px solid rgba(200,150,62,0.4);\n background: rgba(200,150,62,0.06);\n display: flex; align-items: center; justify-content: center;\n font-family: 'Cinzel', serif; font-size: 1.4rem;\n color: var(--gold); margin-bottom: 0.8rem;\n transition: all 0.3s;\n }\n\n .guru-node:hover .guru-circle {\n background: rgba(200,150,62,0.15);\n border-color: var(--gold);\n box-shadow: 0 0 30px rgba(200,150,62,0.2);\n }\n\n .guru-name {\n font-family: 'Cinzel', serif; font-size: 0.65rem;\n letter-spacing: 0.1em; color: rgba(245,230,200,0.6);\n text-align: center; max-width: 100px;\n }\n\n .lineage-arrow {\n color: var(--gold); opacity: 0.4;\n font-size: 1.2rem; margin: 0 0.5rem;\n padding-bottom: 1.5rem;\n }\n\n \/* ===== GALLERY \/ IMMERSION ===== *\/\n #experience { background: transparent; }\n\n .immersion-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n grid-template-rows: 250px 250px;\n gap: 1rem; margin-top: 4rem;\n }\n\n .immersion-cell {\n border: 1px solid rgba(200,150,62,0.1);\n position: relative; overflow: hidden;\n cursor: pointer; transition: border-color 0.3s;\n }\n\n .immersion-cell:first-child { grid-row: 1 \/ 3; }\n\n .immersion-cell:hover { border-color: rgba(200,150,62,0.4); }\n\n .cell-canvas {\n width: 100%; height: 100%;\n display: block;\n }\n\n .cell-label {\n position: absolute; bottom: 1rem; left: 1rem;\n font-family: 'Cinzel', serif; font-size: 0.7rem;\n letter-spacing: 0.2em; color: var(--gold-light);\n text-transform: uppercase;\n }\n\n \/* ===== TESTIMONIAL ===== *\/\n #testimonials { background: rgba(12,5,2,0.7); }\n\n .testimonials-wrap {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 2rem; margin-top: 4rem;\n }\n\n .testimonial {\n padding: 2rem;\n border-left: 2px solid rgba(200,150,62,0.3);\n background: rgba(200,150,62,0.03);\n transition: border-color 0.3s;\n }\n\n .testimonial:hover { border-color: var(--gold); }\n\n .t-quote {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.05rem; font-style: italic;\n line-height: 1.8; color: rgba(245,230,200,0.75);\n margin-bottom: 1.5rem;\n }\n\n .t-name {\n font-family: 'Cinzel', serif; font-size: 0.7rem;\n letter-spacing: 0.2em; color: var(--gold);\n text-transform: uppercase;\n }\n\n .t-origin { font-size: 0.7rem; color: rgba(245,230,200,0.4); margin-top: 0.2rem; }\n\n \/* ===== CONTACT ===== *\/\n #contact {\n background: rgba(10,6,8,0.9);\n border-top: 1px solid rgba(200,150,62,0.15);\n }\n\n .contact-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 6rem; align-items: start;\n }\n\n .contact-form { display: flex; flex-direction: column; gap: 1.2rem; }\n\n .form-input, .form-textarea {\n background: rgba(200,150,62,0.04);\n border: 1px solid rgba(200,150,62,0.2);\n padding: 1rem 1.2rem;\n color: var(--cream);\n font-family: 'Raleway', sans-serif; font-size: 0.85rem;\n outline: none; transition: border-color 0.3s;\n width: 100%;\n }\n\n .form-input::placeholder, .form-textarea::placeholder {\n color: rgba(245,230,200,0.3);\n letter-spacing: 0.1em; font-size: 0.8rem;\n }\n\n .form-input:focus, .form-textarea:focus { border-color: var(--gold); }\n .form-textarea { height: 140px; resize: none; }\n\n \/* ===== FOOTER ===== *\/\n footer {\n background: var(--deep); padding: 3rem 4rem;\n border-top: 1px solid rgba(200,150,62,0.1);\n display: flex; align-items: center;\n justify-content: space-between;\n position: relative; z-index: 1;\n }\n\n .footer-logo {\n font-family: 'Cinzel', serif; font-size: 0.8rem;\n letter-spacing: 0.3em; color: var(--gold);\n }\n\n .footer-om {\n font-size: 2rem; color: rgba(200,150,62,0.3);\n letter-spacing: 0.5em;\n }\n\n .footer-copy {\n font-size: 0.7rem; color: rgba(245,230,200,0.3);\n letter-spacing: 0.1em;\n }\n\n \/* ===== REVEAL ANIMATIONS ===== *\/\n .reveal {\n opacity: 0; transform: translateY(40px);\n transition: opacity 0.9s ease, transform 0.9s ease;\n }\n\n .reveal.visible { opacity: 1; transform: none; }\n\n \/* ===== HORIZONTAL GOLDEN LINE ===== *\/\n .gold-line {\n width: 60px; height: 1px;\n background: var(--gold);\n margin: 1.5rem 0;\n }\n\n \/* ===== PARTICLE DOTS ===== *\/\n .particles {\n position: fixed; inset: 0; z-index: 0;\n pointer-events: none; overflow: hidden;\n }\n\n .particle {\n position: absolute; width: 2px; height: 2px;\n border-radius: 50%; background: var(--gold);\n opacity: 0; animation: particle-float linear infinite;\n }\n\n @keyframes particle-float {\n 0% { transform: translateY(100vh) scale(0); opacity: 0; }\n 10% { opacity: 0.4; }\n 90% { opacity: 0.2; }\n 100% { transform: translateY(-10vh) scale(1.5); opacity: 0; }\n }\n\n \/* Responsive *\/\n @media (max-width: 900px) {\n .about-grid, .contact-grid { grid-template-columns: 1fr; }\n .courses-grid { grid-template-columns: 1fr; }\n .testimonials-wrap { grid-template-columns: 1fr; }\n .immersion-grid { grid-template-columns: 1fr; grid-template-rows: auto; }\n .immersion-cell:first-child { grid-row: auto; }\n nav { padding: 1.5rem 2rem; }\n .nav-links { display: none; }\n .section-inner { padding: 5rem 2rem; }\n footer { flex-direction: column; gap: 1rem; text-align: center; }\n }\n<\/style>\n<\/head>\n<body>\n\n<canvas id=\"bg-canvas\"><\/canvas>\n\n<div class=\"cursor\" id=\"cursor\"><\/div>\n<div class=\"cursor-ring\" id=\"cursor-ring\"><\/div>\n\n\n<div class=\"particles\" id=\"particles\"><\/div>\n\n\n<nav>\n <div class=\"nav-logo\">Sri Adi Shakti \u00b7 Yog Peeth<\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">Parampara<\/a><\/li>\n <li><a href=\"#courses\">Sadhana<\/a><\/li>\n <li><a href=\"#lineage\">Lineage<\/a><\/li>\n <li><a href=\"#experience\">Ashram<\/a><\/li>\n <li><a href=\"#contact\">Enroll<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n<section id=\"hero\">\n <svg class=\"hero-mandala\" viewBox=\"0 0 500 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <g transform=\"translate(250,250)\">\n <circle r=\"230\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.5\"\/>\n <circle r=\"190\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <circle r=\"150\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.5\"\/>\n <circle r=\"110\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <circle r=\"70\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.5\"\/>\n <g id=\"petals\">\n <script>\n <\/script>\n <\/g>\n \n <g id=\"lotus-petals\"><\/g>\n \n <polygon points=\"0,-90 78,45 -78,45\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.5\"\/>\n <polygon points=\"0,90 78,-45 -78,-45\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.5\"\/>\n \n <line x1=\"0\" y1=\"-230\" x2=\"0\" y2=\"-150\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <line x1=\"0\" y1=\"230\" x2=\"0\" y2=\"150\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <line x1=\"-230\" y1=\"0\" x2=\"-150\" y2=\"0\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <line x1=\"230\" y1=\"0\" x2=\"150\" y2=\"0\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <line x1=\"-163\" y1=\"-163\" x2=\"-106\" y2=\"-106\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <line x1=\"163\" y1=\"-163\" x2=\"106\" y2=\"-106\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <line x1=\"-163\" y1=\"163\" x2=\"-106\" y2=\"106\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <line x1=\"163\" y1=\"163\" x2=\"106\" y2=\"106\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n \n <line x1=\"-87\" y1=\"-213\" x2=\"-57\" y2=\"-138\" stroke=\"#C8963E\" stroke-width=\"0.2\"\/>\n <line x1=\"87\" y1=\"-213\" x2=\"57\" y2=\"-138\" stroke=\"#C8963E\" stroke-width=\"0.2\"\/>\n <line x1=\"-87\" y1=\"213\" x2=\"-57\" y2=\"138\" stroke=\"#C8963E\" stroke-width=\"0.2\"\/>\n <line x1=\"87\" y1=\"213\" x2=\"57\" y2=\"138\" stroke=\"#C8963E\" stroke-width=\"0.2\"\/>\n <line x1=\"-213\" y1=\"-87\" x2=\"-138\" y2=\"-57\" stroke=\"#C8963E\" stroke-width=\"0.2\"\/>\n <line x1=\"-213\" y1=\"87\" x2=\"-138\" y2=\"57\" stroke=\"#C8963E\" stroke-width=\"0.2\"\/>\n <line x1=\"213\" y1=\"-87\" x2=\"138\" y2=\"-57\" stroke=\"#C8963E\" stroke-width=\"0.2\"\/>\n <line x1=\"213\" y1=\"87\" x2=\"138\" y2=\"57\" stroke=\"#C8963E\" stroke-width=\"0.2\"\/>\n <\/g>\n <\/svg>\n\n <div class=\"hero-glow\"><\/div>\n\n <p class=\"hero-tag\">\u0950 \u0928\u092e\u0903 \u0936\u0915\u094d\u0924\u094d\u092f\u0948 \u2014 Est. 2001<\/p>\n <h1 class=\"hero-title\">Sri Adi Shakti<br>Parampara Yog Peeth<\/h1>\n <p class=\"hero-subtitle\">The Ancient Path of Shakti \u00b7 Tradition \u00b7 Awakening<\/p>\n <div class=\"hero-divider\"><\/div>\n <p class=\"hero-verse\">“\u092f\u0924\u094d\u0930 \u0928\u093e\u0930\u094d\u092f\u0938\u094d\u0924\u0941 \u092a\u0942\u091c\u094d\u092f\u0928\u094d\u0924\u0947 \u0930\u092e\u0928\u094d\u0924\u0947 \u0924\u0924\u094d\u0930 \u0926\u0947\u0935\u0924\u093e\u0903”<\/p>\n\n <div class=\"hero-cta\">\n <a href=\"#courses\" class=\"btn-primary\"><span>Begin Sadhana<\/span><\/a>\n <a href=\"#about\" class=\"btn-secondary\">Our Parampara<\/a>\n <\/div>\n\n <div class=\"scroll-hint\">\n <span>Descend Within<\/span>\n <div class=\"scroll-line\"><\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"about\">\n <div class=\"section-inner\">\n <div class=\"about-grid\">\n <div>\n <span class=\"section-tag reveal\">Our Sacred Tradition<\/span>\n <h2 class=\"section-heading reveal\">Rooted in the<br>Shakti Parampara<\/h2>\n <div class=\"gold-line reveal\"><\/div>\n <p class=\"section-body reveal\">\n Sri Adi Shakti Parampara Yog Peeth is a sacred lineage institution dedicated to the authentic transmission of Shakta yoga traditions \u2014 a living current of wisdom flowing unbroken from the Himalayan masters to the present day.\n <\/p>\n <p class=\"section-body reveal\" style=\"margin-top:1.2rem;\">\n Here, the ancient Tantric sciences of Kundalini Shakti, Mantra Vidya, and Kriya Yoga are taught not as concepts but as direct experiential practice \u2014 under the guidance of realised masters who carry the flame of Parampara.\n <\/p>\n\n <div class=\"about-stats\">\n <div class=\"stat-card reveal\">\n <span class=\"stat-number\">24+<\/span>\n <span class=\"stat-label\">Years of Tradition<\/span>\n <\/div>\n <div class=\"stat-card reveal\">\n <span class=\"stat-number\">3000+<\/span>\n <span class=\"stat-label\">Initiated Disciples<\/span>\n <\/div>\n <div class=\"stat-card reveal\">\n <span class=\"stat-number\">108<\/span>\n <span class=\"stat-label\">Sacred Programmes<\/span>\n <\/div>\n <div class=\"stat-card reveal\">\n <span class=\"stat-number\">12+<\/span>\n <span class=\"stat-label\">Nations Touched<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"about-visual reveal\">\n <svg class=\"lotus-3d\" viewBox=\"0 0 340 340\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <radialGradient id=\"glow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#C8963E\" stop-opacity=\"0.3\"\/>\n <stop offset=\"100%\" stop-color=\"#C8963E\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <radialGradient id=\"petalglow\" cx=\"50%\" cy=\"30%\" r=\"70%\">\n <stop offset=\"0%\" stop-color=\"#E8C07A\" stop-opacity=\"0.8\"\/>\n <stop offset=\"100%\" stop-color=\"#8B5A1A\" stop-opacity=\"0.4\"\/>\n <\/radialGradient>\n <\/defs>\n\n \n <circle cx=\"170\" cy=\"170\" r=\"150\" fill=\"url(#glow)\"\/>\n\n \n <circle cx=\"170\" cy=\"170\" r=\"148\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.5\" opacity=\"0.4\"\/>\n <circle cx=\"170\" cy=\"170\" r=\"130\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.3\" opacity=\"0.3\"\/>\n\n \n <g transform=\"translate(170,170)\">\n <ellipse rx=\"32\" ry=\"90\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"1\" opacity=\"0.8\" transform=\"rotate(0)\"\/>\n <ellipse rx=\"32\" ry=\"90\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"1\" opacity=\"0.8\" transform=\"rotate(45)\"\/>\n <ellipse rx=\"32\" ry=\"90\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"1\" opacity=\"0.8\" transform=\"rotate(90)\"\/>\n <ellipse rx=\"32\" ry=\"90\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"1\" opacity=\"0.8\" transform=\"rotate(135)\"\/>\n\n \n <ellipse rx=\"20\" ry=\"60\" fill=\"rgba(200,150,62,0.15)\" stroke=\"#E8C07A\" stroke-width=\"0.8\" opacity=\"0.7\" transform=\"rotate(22.5)\"\/>\n <ellipse rx=\"20\" ry=\"60\" fill=\"rgba(200,150,62,0.15)\" stroke=\"#E8C07A\" stroke-width=\"0.8\" opacity=\"0.7\" transform=\"rotate(67.5)\"\/>\n <ellipse rx=\"20\" ry=\"60\" fill=\"rgba(200,150,62,0.15)\" stroke=\"#E8C07A\" stroke-width=\"0.8\" opacity=\"0.7\" transform=\"rotate(112.5)\"\/>\n <ellipse rx=\"20\" ry=\"60\" fill=\"rgba(200,150,62,0.15)\" stroke=\"#E8C07A\" stroke-width=\"0.8\" opacity=\"0.7\" transform=\"rotate(157.5)\"\/>\n <ellipse rx=\"20\" ry=\"60\" fill=\"rgba(200,150,62,0.15)\" stroke=\"#E8C07A\" stroke-width=\"0.8\" opacity=\"0.7\" transform=\"rotate(202.5)\"\/>\n <ellipse rx=\"20\" ry=\"60\" fill=\"rgba(200,150,62,0.15)\" stroke=\"#E8C07A\" stroke-width=\"0.8\" opacity=\"0.7\" transform=\"rotate(247.5)\"\/>\n <ellipse rx=\"20\" ry=\"60\" fill=\"rgba(200,150,62,0.15)\" stroke=\"#E8C07A\" stroke-width=\"0.8\" opacity=\"0.7\" transform=\"rotate(292.5)\"\/>\n <ellipse rx=\"20\" ry=\"60\" fill=\"rgba(200,150,62,0.15)\" stroke=\"#E8C07A\" stroke-width=\"0.8\" opacity=\"0.7\" transform=\"rotate(337.5)\"\/>\n\n \n <circle r=\"30\" fill=\"rgba(200,150,62,0.2)\" stroke=\"#C8963E\" stroke-width=\"1\"\/>\n <circle r=\"20\" fill=\"rgba(200,150,62,0.3)\" stroke=\"#E8C07A\" stroke-width=\"0.8\"\/>\n <circle r=\"10\" fill=\"rgba(232,192,122,0.6)\" stroke=\"#E8C07A\" stroke-width=\"1\"\/>\n\n \n <text text-anchor=\"middle\" dominant-baseline=\"central\" font-size=\"16\" fill=\"#E8C07A\" font-family=\"serif\" opacity=\"0.9\">\u0950<\/text>\n <\/g>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"courses\">\n <div class=\"section-inner\">\n <span class=\"section-tag reveal\">Paths of Practice<\/span>\n <h2 class=\"section-heading reveal\">Sacred Sadhanas<br>& Programmes<\/h2>\n <div class=\"gold-line reveal\"><\/div>\n\n <div class=\"courses-grid\">\n <div class=\"course-card reveal\">\n <span class=\"card-icon\">\ud83d\udd25<\/span>\n <h3 class=\"card-title\">Kundalini Tantra Sadhana<\/h3>\n <p class=\"card-body\">A systematic awakening of the serpent fire through bandhas, pranayama, mantra, and meditative absorption. Rooted in the Shakta-Natha lineage.<\/p>\n <span class=\"card-tag\">21 \u00b7 40 \u00b7 90 Day Intensive<\/span>\n <\/div>\n\n <div class=\"course-card reveal\">\n <span class=\"card-icon\">\ud83c\udf38<\/span>\n <h3 class=\"card-title\">Mantra Vidya & Yantra Puja<\/h3>\n <p class=\"card-body\">The science of sacred sound and geometrical worship. Learn the proper pronunciation, nyasa, and ritual application of Shakta mantras including Shodashi and Bhuvaneshwari.<\/p>\n <span class=\"card-tag\">Initiation Required<\/span>\n <\/div>\n\n <div class=\"course-card reveal\">\n <span class=\"card-icon\">\ud83e\uddd8<\/span>\n <h3 class=\"card-title\">Classical Hatha Yoga TTC<\/h3>\n <p class=\"card-body\">A 200 & 300-hour teacher training rooted in traditional Hatha Pradipika and Gheranda Samhita \u2014 not modern fitness yoga but the original path to samadhi.<\/p>\n <span class=\"card-tag\">200hr \u00b7 300hr \u00b7 500hr<\/span>\n <\/div>\n\n <div class=\"course-card reveal\">\n <span class=\"card-icon\">\ud83c\udf19<\/span>\n <h3 class=\"card-title\">Sri Vidya Upasana<\/h3>\n <p class=\"card-body\">The highest path of goddess worship \u2014 the Sri Chakra, Panchadashi mantra, and the ten Mahavidyas. Given through direct diksha from qualified acharyas.<\/p>\n <span class=\"card-tag\">By Invitation<\/span>\n <\/div>\n\n <div class=\"course-card reveal\">\n <span class=\"card-icon\">\ud83c\udf3f<\/span>\n <h3 class=\"card-title\">Ayurveda & Sattvic Living<\/h3>\n <p class=\"card-body\">The yogic lifestyle as understood through Ayurveda \u2014 dinacharya, seasonal purification, sattvic diet, and the integration of yoga and medicine for total wellbeing.<\/p>\n <span class=\"card-tag\">Residential Retreat<\/span>\n <\/div>\n\n <div class=\"course-card reveal\">\n <span class=\"card-icon\">\u2728<\/span>\n <h3 class=\"card-title\">Vedic Meditation & Nada Yoga<\/h3>\n <p class=\"card-body\">Immersion into the inner sound current \u2014 from shabda brahman to unstruck sound. Includes deep dhyana, trataka, and the advanced practice of nada anusandhana.<\/p>\n <span class=\"card-tag\">Open Enrolment<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"lineage\">\n <div class=\"section-inner\">\n <div class=\"lineage-content\">\n <span class=\"section-tag reveal\" style=\"display:block;text-align:center;\">Guru-Shishya Parampara<\/span>\n <h2 class=\"section-heading reveal\" style=\"text-align:center;\">The Unbroken Chain<br>of Transmission<\/h2>\n\n <p class=\"lineage-quote reveal\">\n “As the lamp is lit from another lamp, so does wisdom pass from Guru to shishya across the ages \u2014 not by teaching alone, but by being.”\n <\/p>\n\n <div class=\"lineage-chain reveal\">\n <div class=\"guru-node\">\n <div class=\"guru-circle\">\u0936\u0915\u094d<\/div>\n <div class=\"guru-name\">Adi Shakti<br><span style=\"opacity:0.4;font-size:0.6rem;\">Source<\/span><\/div>\n <\/div>\n <div class=\"lineage-arrow\">\u203a<\/div>\n <div class=\"guru-node\">\n <div class=\"guru-circle\">\u0906\u0926<\/div>\n <div class=\"guru-name\">Himalayan<br>Masters<\/div>\n <\/div>\n <div class=\"lineage-arrow\">\u203a<\/div>\n <div class=\"guru-node\">\n <div class=\"guru-circle\">\u0917\u0941<\/div>\n <div class=\"guru-name\">Paramguru<br>Dev<\/div>\n <\/div>\n <div class=\"lineage-arrow\">\u203a<\/div>\n <div class=\"guru-node\">\n <div class=\"guru-circle\">\u0906\u091a<\/div>\n <div class=\"guru-name\">Acharya<br>Founders<\/div>\n <\/div>\n <div class=\"lineage-arrow\">\u203a<\/div>\n <div class=\"guru-node\">\n <div class=\"guru-circle\">\u0936\u093f<\/div>\n <div class=\"guru-name\">You \u2014<br>The Seeker<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"experience\">\n <div class=\"section-inner\">\n <span class=\"section-tag reveal\">Sacred Space<\/span>\n <h2 class=\"section-heading reveal\">The Ashram Experience<\/h2>\n <div class=\"gold-line reveal\"><\/div>\n\n <div class=\"immersion-grid reveal\">\n <div class=\"immersion-cell\">\n <canvas class=\"cell-canvas\" id=\"cell1\"><\/canvas>\n <span class=\"cell-label\">Dawn Meditation Hall<\/span>\n <\/div>\n <div class=\"immersion-cell\">\n <canvas class=\"cell-canvas\" id=\"cell2\"><\/canvas>\n <span class=\"cell-label\">Himalayan Setting<\/span>\n <\/div>\n <div class=\"immersion-cell\">\n <canvas class=\"cell-canvas\" id=\"cell3\"><\/canvas>\n <span class=\"cell-label\">Sacred Fire (Havan)<\/span>\n <\/div>\n <div class=\"immersion-cell\">\n <canvas class=\"cell-canvas\" id=\"cell4\"><\/canvas>\n <span class=\"cell-label\">Yantra Gardens<\/span>\n <\/div>\n <div class=\"immersion-cell\">\n <canvas class=\"cell-canvas\" id=\"cell5\"><\/canvas>\n <span class=\"cell-label\">Evening Aarti<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"testimonials\">\n <div class=\"section-inner\">\n <span class=\"section-tag reveal\">Voices from the Path<\/span>\n <h2 class=\"section-heading reveal\">What Initiates Say<\/h2>\n <div class=\"gold-line reveal\"><\/div>\n\n <div class=\"testimonials-wrap\">\n <div class=\"testimonial reveal\">\n <p class=\"t-quote\">“The Kundalini Sadhana at Sri Adi Shakti transformed not just my practice but my understanding of existence itself. The transmission I received from the Acharyas is beyond words.”<\/p>\n <p class=\"t-name\">Priya Deshpande<\/p>\n <p class=\"t-origin\">Pune, India \u00b7 2022 Initiate<\/p>\n <\/div>\n <div class=\"testimonial reveal\">\n <p class=\"t-quote\">“I had studied yoga for 15 years before coming here. The depth of the Parampara, the purity of the lineage, and the living quality of the teachings is unlike anything I had encountered.”<\/p>\n <p class=\"t-name\">Marcus Lindqvist<\/p>\n <p class=\"t-origin\">Stockholm, Sweden \u00b7 TTC Graduate<\/p>\n <\/div>\n <div class=\"testimonial reveal\">\n <p class=\"t-quote\">“Sri Vidya Upasana awakened something that no amount of reading ever could. The Peeth holds a living fire. I am forever grateful for the Guru’s grace.”<\/p>\n <p class=\"t-name\">Kavitha Nair<\/p>\n <p class=\"t-origin\">Kerala, India \u00b7 Sri Vidya Practitioner<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"contact\">\n <div class=\"section-inner\">\n <div class=\"contact-grid\">\n <div>\n <span class=\"section-tag reveal\">Begin the Journey<\/span>\n <h2 class=\"section-heading reveal\">Seek Initiation &<br>Sacred Knowledge<\/h2>\n <div class=\"gold-line reveal\"><\/div>\n <p class=\"section-body reveal\">\n The path begins with a sincere call. Write to us \u2014 share your sadhana background, your aspirations, and the teachings you seek. Our Acharyas will guide you to the appropriate programme or initiation.\n <\/p>\n <div style=\"margin-top:3rem;\" class=\"reveal\">\n <p style=\"font-family:'Cinzel',serif;font-size:0.7rem;letter-spacing:0.25em;color:var(--gold);margin-bottom:0.8rem;\">ASHRAM LOCATION<\/p>\n <p style=\"font-family:'Cormorant Garamond',serif;font-size:1.05rem;line-height:1.8;color:rgba(245,230,200,0.7);\">\n Sri Adi Shakti Parampara Yog Peeth<br>\n Rishikesh, Uttarakhand \u2014 Devbhumi, India\n <\/p>\n <\/div>\n <div style=\"margin-top:2rem;\" class=\"reveal\">\n <p style=\"font-family:'Cinzel',serif;font-size:0.7rem;letter-spacing:0.25em;color:var(--gold);margin-bottom:0.8rem;\">SACRED TIMING<\/p>\n <p style=\"font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:rgba(245,230,200,0.7);\">\n Programmes begin on auspicious tithis.<br>Next intake: Navaratri 2025\n <\/p>\n <\/div>\n <\/div>\n\n <div>\n <div class=\"contact-form reveal\">\n <input class=\"form-input\" type=\"text\" placeholder=\"YOUR SACRED NAME\">\n <input class=\"form-input\" type=\"email\" placeholder=\"EMAIL ADDRESS\">\n <select class=\"form-input\" style=\"cursor:pointer;appearance:none;\">\n <option value=\"\" style=\"background:#1A0A05;\">SELECT YOUR PATH<\/option>\n <option style=\"background:#1A0A05;\">Kundalini Tantra Sadhana<\/option>\n <option style=\"background:#1A0A05;\">Sri Vidya Upasana<\/option>\n <option style=\"background:#1A0A05;\">Hatha Yoga TTC<\/option>\n <option style=\"background:#1A0A05;\">Mantra Vidya<\/option>\n <option style=\"background:#1A0A05;\">Ayurveda Retreat<\/option>\n <option style=\"background:#1A0A05;\">General Enquiry<\/option>\n <\/select>\n <textarea class=\"form-textarea\" placeholder=\"SHARE YOUR SADHANA BACKGROUND & INTENTIONS...\"><\/textarea>\n <button class=\"btn-primary\" style=\"align-self:flex-start;\"><span>Send Enquiry \u203a<\/span><\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-logo\">Sri Adi Shakti Parampara Yog Peeth<\/div>\n <div class=\"footer-om\">\u0950<\/div>\n <div class=\"footer-copy\">\u00a9 2025 \u00b7 All Rights Reserved \u00b7 Rishikesh, India<\/div>\n<\/footer>\n\n<script>\n\/\/ ===== CUSTOM CURSOR =====\nconst cursor = document.getElementById('cursor');\nconst ring = document.getElementById('cursor-ring');\nlet mx = 0, my = 0, rx = 0, ry = 0;\n\ndocument.addEventListener('mousemove', e => {\n mx = e.clientX; my = e.clientY;\n cursor.style.left = mx + 'px';\n cursor.style.top = my + 'px';\n});\n\nfunction animRing() {\n rx += (mx - rx) * 0.12;\n ry += (my - ry) *.12;\n ring.style.left = rx + 'px';\n ring.style.top = ry + 'px';\n requestAnimationFrame(animRing);\n}\nanimRing();\n\ndocument.querySelectorAll('a, button, .course-card, .stat-card').forEach(el => {\n el.addEventListener('mouseenter', () => {\n ring.style.width = '56px'; ring.style.height = '56px';\n });\n el.addEventListener('mouseleave', () => {\n ring.style.width = '36px'; ring.style.height = '36px';\n });\n});\n\n\/\/ ===== 3D PARTICLE FIELD (Main BG) =====\nconst bgCanvas = document.getElementById('bg-canvas');\nconst bgCtx = bgCanvas.getContext('2d');\nbgCanvas.width = window.innerWidth;\nbgCanvas.height = window.innerHeight;\n\nwindow.addEventListener('resize', () => {\n bgCanvas.width = window.innerWidth;\n bgCanvas.height = window.innerHeight;\n});\n\nconst stars = Array.from({length: 200}, () => ({\n x: Math.random() * bgCanvas.width,\n y: Math.random() * bgCanvas.height,\n z: Math.random() * 1000,\n s: Math.random() * 1.5 + 0.3,\n opacity: Math.random() * 0.7 + 0.1,\n speed: Math.random() * 0.3 + 0.05\n}));\n\nlet mouseX = 0, mouseY = 0;\ndocument.addEventListener('mousemove', e => {\n mouseX = (e.clientX \/ window.innerWidth - 0.5) * 2;\n mouseY = (e.clientY \/ window.innerHeight - 0.5) * 2;\n});\n\nfunction drawBG() {\n bgCtx.clearRect(0, 0, bgCanvas.width, bgCanvas.height);\n\n \/\/ Ambient orbs\n const time = Date.now() * 0.0003;\n const cx = bgCanvas.width \/ 2 + Math.sin(time) * 100;\n const cy = bgCanvas.height \/ 2 + Math.cos(time * 0.7) * 60;\n\n const g1 = bgCtx.createRadialGradient(cx, cy, 0, cx, cy, 400);\n g1.addColorStop(0, 'rgba(200,150,62,0.04)');\n g1.addColorStop(1, 'transparent');\n bgCtx.fillStyle = g1;\n bgCtx.fillRect(0, 0, bgCanvas.width, bgCanvas.height);\n\n \/\/ Stars \/ particles\n stars.forEach(star => {\n star.y -= star.speed;\n if (star.y < -5) { star.y = bgCanvas.height + 5; star.x = Math.random() * bgCanvas.width; }\n\n const px = star.x + mouseX * (star.z \/ 1000) * 20;\n const py = star.y + mouseY * (star.z \/ 1000) * 20;\n const size = star.s * (1 - star.z \/ 1500);\n\n bgCtx.beginPath();\n bgCtx.arc(px, py, Math.max(0.1, size), 0, Math.PI * 2);\n bgCtx.fillStyle = `rgba(200,150,62,${star.opacity * 0.5})`;\n bgCtx.fill();\n });\n\n \/\/ Connecting lines between close stars\n for (let i = 0; i < stars.length; i += 3) {\n for (let j = i + 1; j < stars.length; j += 3) {\n const dx = stars[i].x - stars[j].x;\n const dy = stars[i].y - stars[j].y;\n const dist = Math.sqrt(dx * dx + dy * dy);\n if (dist < 80) {\n bgCtx.beginPath();\n bgCtx.moveTo(stars[i].x, stars[i].y);\n bgCtx.lineTo(stars[j].x, stars[j].y);\n bgCtx.strokeStyle = `rgba(200,150,62,${0.03 * (1 - dist \/ 80)})`;\n bgCtx.lineWidth = 0.3;\n bgCtx.stroke();\n }\n }\n }\n\n requestAnimationFrame(drawBG);\n}\ndrawBG();\n\n\/\/ ===== ASHRAM CELL CANVASES =====\nfunction drawCell1(canvas) {\n const ctx = canvas.getContext('2d');\n const w = canvas.width, h = canvas.height;\n let t = 0;\n function draw() {\n ctx.clearRect(0, 0, w, h);\n ctx.fillStyle = '#0A0405';\n ctx.fillRect(0, 0, w, h);\n\n \/\/ Dawn glow\n const grd = ctx.createRadialGradient(w\/2, h, 0, w\/2, h, h * 1.2);\n grd.addColorStop(0, `rgba(212,113,26,${0.15 + Math.sin(t * 0.5) * 0.05})`);\n grd.addColorStop(0.4, 'rgba(139,26,26,0.08)');\n grd.addColorStop(1, 'transparent');\n ctx.fillStyle = grd;\n ctx.fillRect(0, 0, w, h);\n\n \/\/ Floor perspective lines\n ctx.strokeStyle = 'rgba(200,150,62,0.12)';\n ctx.lineWidth = 0.5;\n for (let i = 0; i <= 8; i++) {\n ctx.beginPath();\n ctx.moveTo(w \/ 2, h * 0.45);\n ctx.lineTo((w \/ 8) * i, h);\n ctx.stroke();\n }\n\n \/\/ Pillars\n for (let i = 0; i < 3; i++) {\n const px = w * 0.2 + i * w * 0.3;\n const pw = 8 - i * 1;\n ctx.fillStyle = `rgba(200,150,62,${0.2 - i * 0.04})`;\n ctx.fillRect(px, h * 0.1, pw, h * 0.8);\n }\n\n \/\/ Seated silhouettes\n for (let i = 0; i < 5; i++) {\n const sx = w * 0.1 + i * w * 0.2;\n ctx.fillStyle = `rgba(10,4,5,${0.9})`;\n ctx.beginPath();\n ctx.arc(sx, h * 0.75, 12 - i * 0.5, 0, Math.PI * 2);\n ctx.fill();\n ctx.fillRect(sx - 15, h * 0.75, 30, 20);\n }\n\n \/\/ Stars\n for (let i = 0; i < 30; i++) {\n const sx = (i * 137.5) % w;\n const sy = (i * 73.1) % (h * 0.4);\n ctx.fillStyle = `rgba(245,230,200,${0.3 + Math.sin(t + i) * 0.2})`;\n ctx.fillRect(sx, sy, 1, 1);\n }\n\n t += 0.02;\n requestAnimationFrame(draw);\n }\n draw();\n}\n\nfunction drawCell2(canvas) {\n const ctx = canvas.getContext('2d');\n const w = canvas.width, h = canvas.height;\n let t = 0;\n function draw() {\n ctx.clearRect(0, 0, w, h);\n\n \/\/ Sky gradient\n const sky = ctx.createLinearGradient(0, 0, 0, h * 0.7);\n sky.addColorStop(0, '#050310');\n sky.addColorStop(0.5, '#1A0A15');\n sky.addColorStop(1, '#3D1A08');\n ctx.fillStyle = sky;\n ctx.fillRect(0, 0, w, h * 0.7);\n\n \/\/ Ground\n ctx.fillStyle = '#0A0408';\n ctx.fillRect(0, h * 0.7, w, h * 0.3);\n\n \/\/ Mountains\n ctx.fillStyle = '#150812';\n ctx.beginPath();\n ctx.moveTo(0, h * 0.7);\n ctx.lineTo(w * 0.15, h * 0.2);\n ctx.lineTo(w * 0.35, h * 0.45);\n ctx.lineTo(w * 0.5, h * 0.1);\n ctx.lineTo(w * 0.7, h * 0.38);\n ctx.lineTo(w, h * 0.22);\n ctx.lineTo(w, h * 0.7);\n ctx.closePath();\n ctx.fill();\n\n \/\/ Snow caps\n ctx.fillStyle = 'rgba(245,230,200,0.15)';\n ctx.beginPath();\n ctx.moveTo(w * 0.5, h * 0.1);\n ctx.lineTo(w * 0.42, h * 0.25);\n ctx.lineTo(w * 0.58, h * 0.25);\n ctx.closePath();\n ctx.fill();\n\n \/\/ Moon\n const moonGlow = ctx.createRadialGradient(w * 0.75, h * 0.15, 0, w * 0.75, h * 0.15, 50);\n moonGlow.addColorStop(0, 'rgba(232,192,122,0.5)');\n moonGlow.addColorStop(0.3, 'rgba(232,192,122,0.1)');\n moonGlow.addColorStop(1, 'transparent');\n ctx.fillStyle = moonGlow;\n ctx.fillRect(0, 0, w, h);\n\n ctx.fillStyle = 'rgba(245,225,180,0.9)';\n ctx.beginPath();\n ctx.arc(w * 0.75, h * 0.15, 14, 0, Math.PI * 2);\n ctx.fill();\n\n \/\/ River reflection\n const riv = ctx.createLinearGradient(0, h * 0.75, 0, h);\n riv.addColorStop(0, 'rgba(200,150,62,0.15)');\n riv.addColorStop(1, 'transparent');\n ctx.fillStyle = riv;\n ctx.fillRect(w * 0.3, h * 0.72, w * 0.4, h * 0.28);\n\n \/\/ Stars\n for (let i = 0; i < 50; i++) {\n const sx = (i * 157.3) % w;\n const sy = (i * 63.7) % (h * 0.6);\n const blink = Math.sin(t * 2 + i * 0.5);\n ctx.fillStyle = `rgba(245,230,200,${0.3 + blink * 0.3})`;\n ctx.fillRect(sx, sy, 1 + (i % 2), 1 + (i % 2));\n }\n\n t += 0.015;\n requestAnimationFrame(draw);\n }\n draw();\n}\n\nfunction drawCell3(canvas) {\n const ctx = canvas.getContext('2d');\n const w = canvas.width, h = canvas.height;\n let t = 0;\n const flames = Array.from({length: 30}, (_, i) => ({\n x: w\/2 + (Math.random()-0.5)*30, y: h*0.6,\n vx: (Math.random()-0.5)*0.5, vy: -(Math.random()*2+1),\n life: Math.random(), maxLife: Math.random()*0.7+0.3,\n size: Math.random()*8+4\n }));\n\n function draw() {\n ctx.clearRect(0, 0, w, h);\n ctx.fillStyle = '#050202';\n ctx.fillRect(0, 0, w, h);\n\n \/\/ Firepit base\n ctx.fillStyle = '#2A0E04';\n ctx.beginPath();\n ctx.ellipse(w\/2, h*0.65, 45, 15, 0, 0, Math.PI*2);\n ctx.fill();\n\n \/\/ Logs\n ctx.strokeStyle = '#3D1505';\n ctx.lineWidth = 6;\n ctx.lineCap = 'round';\n ctx.beginPath(); ctx.moveTo(w\/2-35, h*0.65); ctx.lineTo(w\/2+35, h*0.65); ctx.stroke();\n ctx.beginPath(); ctx.moveTo(w\/2-30, h*0.6); ctx.lineTo(w\/2+30, h*0.7); ctx.stroke();\n\n \/\/ Glow\n const glow = ctx.createRadialGradient(w\/2, h*0.58, 0, w\/2, h*0.58, 100);\n glow.addColorStop(0, `rgba(212,113,26,${0.4 + Math.sin(t*3)*0.1})`);\n glow.addColorStop(0.4, 'rgba(139,26,26,0.15)');\n glow.addColorStop(1, 'transparent');\n ctx.fillStyle = glow;\n ctx.fillRect(0, 0, w, h);\n\n \/\/ Flames\n flames.forEach(f => {\n f.life += 0.04;\n if (f.life > f.maxLife) {\n f.life = 0;\n f.x = w\/2 + (Math.random()-0.5)*30;\n f.y = h*0.62;\n f.vx = (Math.random()-0.5)*0.5;\n f.vy = -(Math.random()*2+1);\n }\n const progress = f.life \/ f.maxLife;\n const cx = f.x + f.vx * f.life * 20 + Math.sin(t*5 + f.x)*3;\n const cy = f.y + f.vy * f.life * 20;\n const alpha = (1 - progress) * 0.8;\n const size = f.size * (1 - progress * 0.5);\n\n const fg = ctx.createRadialGradient(cx, cy, 0, cx, cy, size);\n fg.addColorStop(0, `rgba(255,255,200,${alpha})`);\n fg.addColorStop(0.4, `rgba(255,140,20,${alpha*0.8})`);\n fg.addColorStop(1, 'transparent');\n ctx.fillStyle = fg;\n ctx.beginPath();\n ctx.arc(cx, cy, size, 0, Math.PI*2);\n ctx.fill();\n });\n\n \/\/ Smoke particles\n for (let i = 0; i < 5; i++) {\n const sx = w\/2 + Math.sin(t + i)*20;\n const sy = h*0.35 - i*20;\n ctx.fillStyle = `rgba(100,60,40,${0.04 + i*0.01})`;\n ctx.beginPath();\n ctx.arc(sx, sy, 15 + i*8, 0, Math.PI*2);\n ctx.fill();\n }\n\n \/\/ Priests silhouettes\n for (let i = 0; i < 4; i++) {\n const angle = (i\/4) * Math.PI * 2 + Math.PI\/4;\n const px = w\/2 + Math.cos(angle)*65;\n const py = h*0.6 + Math.sin(angle)*8;\n ctx.fillStyle = 'rgba(5,2,2,0.95)';\n ctx.beginPath();\n ctx.arc(px, py - 20, 8, 0, Math.PI*2);\n ctx.fill();\n ctx.fillRect(px-6, py-14, 12, 22);\n }\n\n t += 0.04;\n requestAnimationFrame(draw);\n }\n draw();\n}\n\nfunction drawCell4(canvas) {\n const ctx = canvas.getContext('2d');\n const w = canvas.width, h = canvas.height;\n let t = 0;\n function draw() {\n ctx.clearRect(0, 0, w, h);\n\n \/\/ Garden bg\n const bg = ctx.createLinearGradient(0, 0, 0, h);\n bg.addColorStop(0, '#050A04');\n bg.addColorStop(1, '#0A0804');\n ctx.fillStyle = bg;\n ctx.fillRect(0, 0, w, h);\n\n \/\/ Sri Yantra geometry\n const cx = w\/2, cy = h\/2;\n const scale = Math.min(w, h) * 0.35;\n\n ctx.save();\n ctx.translate(cx, cy);\n\n \/\/ Outer squares\n for (let i = 0; i < 3; i++) {\n const s = scale * (1.0 - i * 0.05);\n ctx.strokeStyle = `rgba(200,150,62,${0.3 - i*0.05})`;\n ctx.lineWidth = 0.8;\n ctx.strokeRect(-s, -s, s*2, s*2);\n }\n\n \/\/ Triangles (simplified Sri Chakra)\n const triA = scale * 0.7;\n \/\/ Upward triangles (Shiva)\n for (let i = 0; i < 4; i++) {\n const ts = triA * (1 - i * 0.18);\n ctx.beginPath();\n ctx.moveTo(0, -ts);\n ctx.lineTo(ts * 0.866, ts * 0.5);\n ctx.lineTo(-ts * 0.866, ts * 0.5);\n ctx.closePath();\n ctx.strokeStyle = `rgba(200,150,62,${0.5 - i*0.08})`;\n ctx.lineWidth = 0.8;\n ctx.stroke();\n }\n \/\/ Downward triangles (Shakti)\n for (let i = 0; i < 5; i++) {\n const ts = triA * (0.9 - i * 0.15);\n ctx.beginPath();\n ctx.moveTo(0, ts);\n ctx.lineTo(ts * 0.866, -ts * 0.5);\n ctx.lineTo(-ts * 0.866, -ts * 0.5);\n ctx.closePath();\n ctx.strokeStyle = `rgba(196,99,107,${0.4 - i*0.06})`;\n ctx.lineWidth = 0.8;\n ctx.stroke();\n }\n\n \/\/ Center bindu\n const pulse = 3 + Math.sin(t * 2) * 1;\n const bGlow = ctx.createRadialGradient(0, 0, 0, 0, 0, pulse * 4);\n bGlow.addColorStop(0, 'rgba(232,192,122,0.9)');\n bGlow.addColorStop(1, 'transparent');\n ctx.fillStyle = bGlow;\n ctx.beginPath();\n ctx.arc(0, 0, pulse*4, 0, Math.PI*2);\n ctx.fill();\n\n ctx.fillStyle = '#E8C07A';\n ctx.beginPath();\n ctx.arc(0, 0, pulse, 0, Math.PI*2);\n ctx.fill();\n\n \/\/ Lotus petals around\n const pCount = 8;\n for (let i = 0; i < pCount; i++) {\n const a = (i\/pCount)*Math.PI*2 + t*0.1;\n const pr = scale * 0.55;\n ctx.save();\n ctx.rotate(a);\n ctx.beginPath();\n ctx.ellipse(0, -pr * 0.7, 8, 22, 0, 0, Math.PI*2);\n ctx.strokeStyle = `rgba(200,150,62,${0.3 + Math.sin(t + i)*0.1})`;\n ctx.lineWidth = 0.8;\n ctx.stroke();\n ctx.restore();\n }\n\n ctx.restore();\n\n t += 0.01;\n requestAnimationFrame(draw);\n }\n draw();\n}\n\nfunction drawCell5(canvas) {\n const ctx = canvas.getContext('2d');\n const w = canvas.width, h = canvas.height;\n let t = 0;\n function draw() {\n ctx.clearRect(0, 0, w, h);\n ctx.fillStyle = '#080308';\n ctx.fillRect(0, 0, w, h);\n\n \/\/ Sky glow\n const sky = ctx.createLinearGradient(0, 0, 0, h*0.6);\n sky.addColorStop(0, 'rgba(139,26,26,0.15)');\n sky.addColorStop(0.5, 'rgba(212,113,26,0.1)');\n sky.addColorStop(1, 'transparent');\n ctx.fillStyle = sky;\n ctx.fillRect(0, 0, w, h);\n\n \/\/ Temple silhouette\n ctx.fillStyle = '#0C0408';\n \/\/ Shikhara\n ctx.beginPath();\n ctx.moveTo(w*0.5, h*0.05);\n ctx.lineTo(w*0.35, h*0.45);\n ctx.lineTo(w*0.65, h*0.45);\n ctx.closePath();\n ctx.fill();\n \/\/ Body\n ctx.fillRect(w*0.3, h*0.45, w*0.4, h*0.35);\n \/\/ Steps\n for (let i = 0; i < 4; i++) {\n ctx.fillRect(w*0.25 + i*8, h*0.78 + i*4, w*0.5 - i*16, 8);\n }\n \/\/ Door opening glow\n const doorG = ctx.createRadialGradient(w*0.5, h*0.6, 0, w*0.5, h*0.6, 30);\n doorG.addColorStop(0, 'rgba(212,113,26,0.6)');\n doorG.addColorStop(1, 'transparent');\n ctx.fillStyle = doorG;\n ctx.fillRect(0, 0, w, h);\n\n \/\/ Lamps \/ diyas\n for (let i = 0; i < 12; i++) {\n const lx = w*0.15 + i*(w*0.7\/11);\n const ly = h*0.8;\n const flicker = Math.sin(t*5 + i*0.8);\n\n const lampG = ctx.createRadialGradient(lx, ly, 0, lx, ly, 15 + flicker*2);\n lampG.addColorStop(0, `rgba(255,200,80,${0.8+flicker*0.1})`);\n lampG.addColorStop(0.3, 'rgba(212,113,26,0.3)');\n lampG.addColorStop(1, 'transparent');\n ctx.fillStyle = lampG;\n ctx.beginPath();\n ctx.arc(lx, ly, 20, 0, Math.PI*2);\n ctx.fill();\n\n ctx.fillStyle = `rgba(255,220,100,${0.9+flicker*0.1})`;\n ctx.beginPath();\n ctx.arc(lx, ly, 2.5, 0, Math.PI*2);\n ctx.fill();\n }\n\n \/\/ Bell ripples\n for (let i = 0; i < 3; i++) {\n const r = ((t * 0.5 + i * 0.33) % 1) * 60;\n ctx.beginPath();\n ctx.arc(w*0.5, h*0.3, r, 0, Math.PI*2);\n ctx.strokeStyle = `rgba(200,150,62,${0.15 * (1 - r\/60)})`;\n ctx.lineWidth = 0.8;\n ctx.stroke();\n }\n\n \/\/ Devotee silhouettes\n for (let i = 0; i < 8; i++) {\n const dx = w*0.1 + i*w*0.11;\n const dy = h*0.85;\n ctx.fillStyle = 'rgba(5,2,4,0.95)';\n \/\/ Folded hands pose\n ctx.beginPath();\n ctx.arc(dx, dy-18, 7, 0, Math.PI*2);\n ctx.fill();\n ctx.fillRect(dx-5, dy-12, 10, 16);\n ctx.fillStyle = 'rgba(5,2,4,0.5)';\n ctx.fillRect(dx-8, dy-8, 5, 10);\n ctx.fillRect(dx+3, dy-8, 5, 10);\n }\n\n t += 0.025;\n requestAnimationFrame(draw);\n }\n draw();\n}\n\n\/\/ Initialize cell canvases\nfunction initCells() {\n const cells = [\n {id: 'cell1', fn: drawCell1},\n {id: 'cell2', fn: drawCell2},\n {id: 'cell3', fn: drawCell3},\n {id: 'cell4', fn: drawCell4},\n {id: 'cell5', fn: drawCell5},\n ];\n\n cells.forEach(({id, fn}) => {\n const canvas = document.getElementById(id);\n if (!canvas) return;\n const parent = canvas.parentElement;\n canvas.width = parent.offsetWidth;\n canvas.height = parent.offsetHeight;\n fn(canvas);\n });\n}\n\nsetTimeout(initCells, 100);\n\n\/\/ ===== PARTICLES =====\nconst particleContainer = document.getElementById('particles');\nfor (let i = 0; i < 25; i++) {\n const p = document.createElement('div');\n p.className = 'particle';\n p.style.left = (Math.random() * 100) + '%';\n p.style.animationDuration = (Math.random() * 15 + 10) + 's';\n p.style.animationDelay = (Math.random() * 15) + 's';\n p.style.width = p.style.height = (Math.random() * 2 + 1) + 'px';\n particleContainer.appendChild(p);\n}\n\n\/\/ ===== SCROLL REVEAL =====\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (entry.isIntersecting) {\n setTimeout(() => entry.target.classList.add('visible'), i * 80);\n }\n });\n}, { threshold: 0.1 });\n\ndocument.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n\/\/ ===== NAV GLASSMORPHISM =====\nwindow.addEventListener('scroll', () => {\n const nav = document.querySelector('nav');\n if (window.scrollY > 50) {\n nav.style.background = 'rgba(10,6,8,0.92)';\n nav.style.backdropFilter = 'blur(12px)';\n } else {\n nav.style.background = 'linear-gradient(to bottom, rgba(10,6,8,0.9), transparent)';\n nav.style.backdropFilter = 'blur(2px)';\n }\n});\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Sri Adi Shakti Parampara Yog Peeth Sri Adi Shakti \u00b7 Yog Peeth Parampara Sadhana Lineage Ashram Enroll \u0950 \u0928\u092e\u0903 \u0936\u0915\u094d\u0924\u094d\u092f\u0948 \u2014 Est. 2001 Sri Adi ShaktiParampara […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":1,"href":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":7,"href":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/7"}],"wp:attachment":[{"href":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2026-04-25T05:04:29","date_gmt":"2026-04-25T05:04:29","guid":{"rendered":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/?page_id=2"},"modified":"2026-04-25T05:11:44","modified_gmt":"2026-04-25T05:11:44","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/?page_id=2","title":{"rendered":"Sample Page"},"content":{"rendered":"\n\n\n\n\n\nSri Adi Shakti Parampara Yog Peeth<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Cinzel:wght@400;600&family=Raleway:wght@300;400;500&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n :root {\n --gold: #C8963E;\n --gold-light: #E8C07A;\n --gold-pale: #F5E6C8;\n --crimson: #8B1A1A;\n --saffron: #D4711A;\n --deep: #0A0608;\n --cream: #FAF5EC;\n --text-dark: #1A0F0A;\n --text-mid: #5C3D2E;\n --lotus-pink: #C4636B;\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Raleway', sans-serif;\n background: var(--deep);\n color: var(--cream);\n overflow-x: hidden;\n cursor: none;\n }\n\n \/* Custom Cursor *\/\n .cursor {\n position: fixed; width: 12px; height: 12px;\n background: var(--gold); border-radius: 50%;\n pointer-events: none; z-index: 9999;\n transform: translate(-50%, -50%);\n transition: transform 0.1s ease;\n mix-blend-mode: screen;\n }\n .cursor-ring {\n position: fixed; width: 36px; height: 36px;\n border: 1px solid var(--gold-light);\n border-radius: 50%; pointer-events: none;\n z-index: 9998; transform: translate(-50%, -50%);\n transition: transform 0.15s ease, width 0.3s, height 0.3s;\n opacity: 0.6;\n }\n\n \/* ===== CANVAS 3D Background ===== *\/\n #bg-canvas {\n position: fixed; top: 0; left: 0;\n width: 100%; height: 100%;\n z-index: 0; pointer-events: none;\n }\n\n \/* ===== NAV ===== *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0;\n z-index: 100; padding: 1.5rem 4rem;\n display: flex; align-items: center; justify-content: space-between;\n background: linear-gradient(to bottom, rgba(10,6,8,0.9), transparent);\n backdrop-filter: blur(2px);\n }\n\n .nav-logo {\n font-family: 'Cinzel', serif;\n font-size: 0.85rem; letter-spacing: 0.3em;\n color: var(--gold-light); text-transform: uppercase;\n }\n\n .nav-links { display: flex; gap: 3rem; list-style: none; }\n .nav-links a {\n font-size: 0.75rem; letter-spacing: 0.25em;\n color: rgba(250,245,236,0.7); text-decoration: none;\n text-transform: uppercase; transition: color 0.3s;\n font-weight: 400;\n }\n .nav-links a:hover { color: var(--gold-light); }\n\n \/* ===== HERO ===== *\/\n #hero {\n position: relative; z-index: 1;\n height: 100vh;\n display: flex; flex-direction: column;\n align-items: center; justify-content: center;\n text-align: center;\n overflow: hidden;\n }\n\n .hero-mandala {\n position: absolute; width: 700px; height: 700px;\n opacity: 0.08; animation: spin 120s linear infinite;\n pointer-events: none;\n }\n\n @keyframes spin { to { transform: rotate(360deg); } }\n\n .hero-glow {\n position: absolute;\n width: 500px; height: 500px;\n background: radial-gradient(ellipse, rgba(200,150,62,0.15) 0%, transparent 70%);\n pointer-events: none;\n animation: pulse-glow 4s ease-in-out infinite;\n }\n\n @keyframes pulse-glow {\n 0%, 100% { transform: scale(1); opacity: 0.6; }\n 50% { transform: scale(1.1); opacity: 1; }\n }\n\n .hero-tag {\n font-family: 'Cinzel', serif;\n font-size: 0.7rem; letter-spacing: 0.5em;\n color: var(--gold); text-transform: uppercase;\n margin-bottom: 1.5rem;\n opacity: 0; animation: fadeUp 1.2s 0.5s forwards;\n }\n\n .hero-title {\n font-family: 'Cinzel', serif;\n font-size: clamp(2.2rem, 5vw, 4rem);\n font-weight: 600; color: var(--gold-light);\n line-height: 1.2;\n letter-spacing: 0.05em;\n opacity: 0; animation: fadeUp 1.2s 0.8s forwards;\n text-shadow: 0 0 80px rgba(200,150,62,0.4);\n }\n\n .hero-subtitle {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1rem, 2.5vw, 1.5rem);\n font-style: italic; color: rgba(245,230,200,0.8);\n margin-top: 1rem; letter-spacing: 0.05em;\n opacity: 0; animation: fadeUp 1.2s 1.1s forwards;\n }\n\n .hero-divider {\n width: 180px; height: 1px;\n background: linear-gradient(to right, transparent, var(--gold), transparent);\n margin: 2rem auto;\n opacity: 0; animation: fadeUp 1.2s 1.3s forwards;\n }\n\n .hero-verse {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1rem; color: rgba(245,230,200,0.6);\n letter-spacing: 0.1em; font-style: italic;\n opacity: 0; animation: fadeUp 1.2s 1.5s forwards;\n }\n\n .hero-cta {\n margin-top: 3rem;\n opacity: 0; animation: fadeUp 1.2s 1.8s forwards;\n display: flex; gap: 1.5rem;\n }\n\n .btn-primary {\n font-family: 'Cinzel', serif;\n font-size: 0.7rem; letter-spacing: 0.3em;\n padding: 1rem 2.5rem; border: 1px solid var(--gold);\n color: var(--gold); background: transparent;\n text-transform: uppercase; cursor: pointer;\n transition: all 0.4s; text-decoration: none;\n position: relative; overflow: hidden;\n }\n\n .btn-primary::before {\n content: ''; position: absolute;\n inset: 0; background: var(--gold);\n transform: scaleX(0); transform-origin: left;\n transition: transform 0.4s ease;\n }\n\n .btn-primary:hover::before { transform: scaleX(1); }\n .btn-primary:hover { color: var(--deep); }\n .btn-primary span { position: relative; z-index: 1; }\n\n .btn-secondary {\n font-family: 'Cinzel', serif;\n font-size: 0.7rem; letter-spacing: 0.3em;\n padding: 1rem 2.5rem; border: 1px solid rgba(245,230,200,0.3);\n color: rgba(245,230,200,0.7); background: transparent;\n text-transform: uppercase; cursor: pointer;\n transition: all 0.4s; text-decoration: none;\n }\n\n .btn-secondary:hover { border-color: var(--gold-light); color: var(--gold-light); }\n\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* ===== SCROLL INDICATOR ===== *\/\n .scroll-hint {\n position: absolute; bottom: 2.5rem;\n left: 50%; transform: translateX(-50%);\n display: flex; flex-direction: column;\n align-items: center; gap: 0.5rem;\n opacity: 0; animation: fadeUp 1s 2.5s forwards;\n }\n\n .scroll-hint span {\n font-size: 0.6rem; letter-spacing: 0.4em;\n color: rgba(200,150,62,0.6); text-transform: uppercase;\n }\n\n .scroll-line {\n width: 1px; height: 50px;\n background: linear-gradient(to bottom, var(--gold), transparent);\n animation: scroll-drop 2s ease-in-out infinite;\n }\n\n @keyframes scroll-drop {\n 0% { transform: scaleY(0); transform-origin: top; }\n 50% { transform: scaleY(1); transform-origin: top; }\n 50.01% { transform: scaleY(1); transform-origin: bottom; }\n 100% { transform: scaleY(0); transform-origin: bottom; }\n }\n\n \/* ===== SECTIONS ===== *\/\n section { position: relative; z-index: 1; }\n\n .section-inner {\n max-width: 1200px; margin: 0 auto;\n padding: 8rem 4rem;\n }\n\n .section-tag {\n font-family: 'Cinzel', serif;\n font-size: 0.65rem; letter-spacing: 0.5em;\n color: var(--gold); text-transform: uppercase;\n margin-bottom: 1rem; display: block;\n }\n\n .section-heading {\n font-family: 'Cinzel', serif;\n font-size: clamp(1.8rem, 3.5vw, 2.8rem);\n color: var(--gold-light);\n line-height: 1.3; margin-bottom: 1.5rem;\n }\n\n .section-body {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.2rem; line-height: 1.9;\n color: rgba(245,230,200,0.8);\n max-width: 600px;\n }\n\n \/* ===== ABOUT ===== *\/\n #about { background: rgba(20,10,8,0.7); }\n\n .about-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 6rem; align-items: center;\n }\n\n .about-visual {\n position: relative; display: flex;\n align-items: center; justify-content: center;\n }\n\n .lotus-3d {\n width: 340px; height: 340px;\n position: relative;\n animation: float 6s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-18px); }\n }\n\n .about-stats {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 1.5rem; margin-top: 3rem;\n }\n\n .stat-card {\n padding: 1.5rem; border: 1px solid rgba(200,150,62,0.2);\n background: rgba(200,150,62,0.04);\n transition: border-color 0.3s, background 0.3s;\n }\n\n .stat-card:hover {\n border-color: rgba(200,150,62,0.5);\n background: rgba(200,150,62,0.08);\n }\n\n .stat-number {\n font-family: 'Cinzel', serif;\n font-size: 2.5rem; color: var(--gold-light);\n display: block;\n }\n\n .stat-label {\n font-size: 0.7rem; letter-spacing: 0.2em;\n color: rgba(245,230,200,0.5); text-transform: uppercase;\n margin-top: 0.3rem; display: block;\n }\n\n \/* ===== COURSES ===== *\/\n #courses { background: transparent; }\n\n .courses-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1.5rem; margin-top: 4rem;\n }\n\n .course-card {\n border: 1px solid rgba(200,150,62,0.15);\n background: rgba(15,8,5,0.6);\n padding: 2.5rem 2rem;\n position: relative; overflow: hidden;\n transition: transform 0.4s, border-color 0.4s;\n cursor: pointer;\n }\n\n .course-card::before {\n content: ''; position: absolute;\n top: 0; left: 0; right: 0; height: 2px;\n background: linear-gradient(to right, transparent, var(--gold), transparent);\n transform: scaleX(0);\n transition: transform 0.5s;\n }\n\n .course-card:hover { transform: translateY(-8px); border-color: rgba(200,150,62,0.4); }\n .course-card:hover::before { transform: scaleX(1); }\n\n .card-icon {\n font-size: 2.5rem; margin-bottom: 1.2rem;\n display: block;\n }\n\n .card-title {\n font-family: 'Cinzel', serif;\n font-size: 1rem; color: var(--gold-light);\n margin-bottom: 0.8rem; letter-spacing: 0.05em;\n }\n\n .card-body {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1rem; line-height: 1.7;\n color: rgba(245,230,200,0.6);\n }\n\n .card-tag {\n display: inline-block; margin-top: 1.5rem;\n font-size: 0.65rem; letter-spacing: 0.25em;\n color: var(--saffron); text-transform: uppercase;\n }\n\n \/* ===== LINEAGE ===== *\/\n #lineage {\n background: rgba(10,4,2,0.8);\n border-top: 1px solid rgba(200,150,62,0.1);\n border-bottom: 1px solid rgba(200,150,62,0.1);\n }\n\n .lineage-content {\n text-align: center; max-width: 800px; margin: 0 auto;\n }\n\n .lineage-quote {\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(1.4rem, 2.5vw, 2rem);\n font-style: italic; line-height: 1.8;\n color: rgba(245,230,200,0.85);\n margin: 2.5rem 0;\n position: relative;\n }\n\n .lineage-quote::before, .lineage-quote::after {\n content: '\u2014';\n color: var(--gold); margin: 0 0.5rem;\n font-style: normal;\n }\n\n .lineage-chain {\n display: flex; align-items: center;\n justify-content: center; gap: 0;\n margin-top: 4rem; flex-wrap: wrap;\n }\n\n .guru-node {\n display: flex; flex-direction: column;\n align-items: center; padding: 1rem;\n }\n\n .guru-circle {\n width: 80px; height: 80px; border-radius: 50%;\n border: 1px solid rgba(200,150,62,0.4);\n background: rgba(200,150,62,0.06);\n display: flex; align-items: center; justify-content: center;\n font-family: 'Cinzel', serif; font-size: 1.4rem;\n color: var(--gold); margin-bottom: 0.8rem;\n transition: all 0.3s;\n }\n\n .guru-node:hover .guru-circle {\n background: rgba(200,150,62,0.15);\n border-color: var(--gold);\n box-shadow: 0 0 30px rgba(200,150,62,0.2);\n }\n\n .guru-name {\n font-family: 'Cinzel', serif; font-size: 0.65rem;\n letter-spacing: 0.1em; color: rgba(245,230,200,0.6);\n text-align: center; max-width: 100px;\n }\n\n .lineage-arrow {\n color: var(--gold); opacity: 0.4;\n font-size: 1.2rem; margin: 0 0.5rem;\n padding-bottom: 1.5rem;\n }\n\n \/* ===== GALLERY \/ IMMERSION ===== *\/\n #experience { background: transparent; }\n\n .immersion-grid {\n display: grid;\n grid-template-columns: 2fr 1fr 1fr;\n grid-template-rows: 250px 250px;\n gap: 1rem; margin-top: 4rem;\n }\n\n .immersion-cell {\n border: 1px solid rgba(200,150,62,0.1);\n position: relative; overflow: hidden;\n cursor: pointer; transition: border-color 0.3s;\n }\n\n .immersion-cell:first-child { grid-row: 1 \/ 3; }\n\n .immersion-cell:hover { border-color: rgba(200,150,62,0.4); }\n\n .cell-canvas {\n width: 100%; height: 100%;\n display: block;\n }\n\n .cell-label {\n position: absolute; bottom: 1rem; left: 1rem;\n font-family: 'Cinzel', serif; font-size: 0.7rem;\n letter-spacing: 0.2em; color: var(--gold-light);\n text-transform: uppercase;\n }\n\n \/* ===== TESTIMONIAL ===== *\/\n #testimonials { background: rgba(12,5,2,0.7); }\n\n .testimonials-wrap {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 2rem; margin-top: 4rem;\n }\n\n .testimonial {\n padding: 2rem;\n border-left: 2px solid rgba(200,150,62,0.3);\n background: rgba(200,150,62,0.03);\n transition: border-color 0.3s;\n }\n\n .testimonial:hover { border-color: var(--gold); }\n\n .t-quote {\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.05rem; font-style: italic;\n line-height: 1.8; color: rgba(245,230,200,0.75);\n margin-bottom: 1.5rem;\n }\n\n .t-name {\n font-family: 'Cinzel', serif; font-size: 0.7rem;\n letter-spacing: 0.2em; color: var(--gold);\n text-transform: uppercase;\n }\n\n .t-origin { font-size: 0.7rem; color: rgba(245,230,200,0.4); margin-top: 0.2rem; }\n\n \/* ===== CONTACT ===== *\/\n #contact {\n background: rgba(10,6,8,0.9);\n border-top: 1px solid rgba(200,150,62,0.15);\n }\n\n .contact-grid {\n display: grid; grid-template-columns: 1fr 1fr;\n gap: 6rem; align-items: start;\n }\n\n .contact-form { display: flex; flex-direction: column; gap: 1.2rem; }\n\n .form-input, .form-textarea {\n background: rgba(200,150,62,0.04);\n border: 1px solid rgba(200,150,62,0.2);\n padding: 1rem 1.2rem;\n color: var(--cream);\n font-family: 'Raleway', sans-serif; font-size: 0.85rem;\n outline: none; transition: border-color 0.3s;\n width: 100%;\n }\n\n .form-input::placeholder, .form-textarea::placeholder {\n color: rgba(245,230,200,0.3);\n letter-spacing: 0.1em; font-size: 0.8rem;\n }\n\n .form-input:focus, .form-textarea:focus { border-color: var(--gold); }\n .form-textarea { height: 140px; resize: none; }\n\n \/* ===== FOOTER ===== *\/\n footer {\n background: var(--deep); padding: 3rem 4rem;\n border-top: 1px solid rgba(200,150,62,0.1);\n display: flex; align-items: center;\n justify-content: space-between;\n position: relative; z-index: 1;\n }\n\n .footer-logo {\n font-family: 'Cinzel', serif; font-size: 0.8rem;\n letter-spacing: 0.3em; color: var(--gold);\n }\n\n .footer-om {\n font-size: 2rem; color: rgba(200,150,62,0.3);\n letter-spacing: 0.5em;\n }\n\n .footer-copy {\n font-size: 0.7rem; color: rgba(245,230,200,0.3);\n letter-spacing: 0.1em;\n }\n\n \/* ===== REVEAL ANIMATIONS ===== *\/\n .reveal {\n opacity: 0; transform: translateY(40px);\n transition: opacity 0.9s ease, transform 0.9s ease;\n }\n\n .reveal.visible { opacity: 1; transform: none; }\n\n \/* ===== HORIZONTAL GOLDEN LINE ===== *\/\n .gold-line {\n width: 60px; height: 1px;\n background: var(--gold);\n margin: 1.5rem 0;\n }\n\n \/* ===== PARTICLE DOTS ===== *\/\n .particles {\n position: fixed; inset: 0; z-index: 0;\n pointer-events: none; overflow: hidden;\n }\n\n .particle {\n position: absolute; width: 2px; height: 2px;\n border-radius: 50%; background: var(--gold);\n opacity: 0; animation: particle-float linear infinite;\n }\n\n @keyframes particle-float {\n 0% { transform: translateY(100vh) scale(0); opacity: 0; }\n 10% { opacity: 0.4; }\n 90% { opacity: 0.2; }\n 100% { transform: translateY(-10vh) scale(1.5); opacity: 0; }\n }\n\n \/* Responsive *\/\n @media (max-width: 900px) {\n .about-grid, .contact-grid { grid-template-columns: 1fr; }\n .courses-grid { grid-template-columns: 1fr; }\n .testimonials-wrap { grid-template-columns: 1fr; }\n .immersion-grid { grid-template-columns: 1fr; grid-template-rows: auto; }\n .immersion-cell:first-child { grid-row: auto; }\n nav { padding: 1.5rem 2rem; }\n .nav-links { display: none; }\n .section-inner { padding: 5rem 2rem; }\n footer { flex-direction: column; gap: 1rem; text-align: center; }\n }\n<\/style>\n<\/head>\n<body>\n\n<canvas id=\"bg-canvas\"><\/canvas>\n\n<div class=\"cursor\" id=\"cursor\"><\/div>\n<div class=\"cursor-ring\" id=\"cursor-ring\"><\/div>\n\n\n<div class=\"particles\" id=\"particles\"><\/div>\n\n\n<nav>\n <div class=\"nav-logo\">Sri Adi Shakti \u00b7 Yog Peeth<\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#about\">Parampara<\/a><\/li>\n <li><a href=\"#courses\">Sadhana<\/a><\/li>\n <li><a href=\"#lineage\">Lineage<\/a><\/li>\n <li><a href=\"#experience\">Ashram<\/a><\/li>\n <li><a href=\"#contact\">Enroll<\/a><\/li>\n <\/ul>\n<\/nav>\n\n\n<section id=\"hero\">\n <svg class=\"hero-mandala\" viewBox=\"0 0 500 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <g transform=\"translate(250,250)\">\n <circle r=\"230\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.5\"\/>\n <circle r=\"190\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <circle r=\"150\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.5\"\/>\n <circle r=\"110\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <circle r=\"70\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.5\"\/>\n <g id=\"petals\">\n <script>\n <\/script>\n <\/g>\n \n <g id=\"lotus-petals\"><\/g>\n \n <polygon points=\"0,-90 78,45 -78,45\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.5\"\/>\n <polygon points=\"0,90 78,-45 -78,-45\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.5\"\/>\n \n <line x1=\"0\" y1=\"-230\" x2=\"0\" y2=\"-150\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <line x1=\"0\" y1=\"230\" x2=\"0\" y2=\"150\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <line x1=\"-230\" y1=\"0\" x2=\"-150\" y2=\"0\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <line x1=\"230\" y1=\"0\" x2=\"150\" y2=\"0\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <line x1=\"-163\" y1=\"-163\" x2=\"-106\" y2=\"-106\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <line x1=\"163\" y1=\"-163\" x2=\"106\" y2=\"-106\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <line x1=\"-163\" y1=\"163\" x2=\"-106\" y2=\"106\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n <line x1=\"163\" y1=\"163\" x2=\"106\" y2=\"106\" stroke=\"#C8963E\" stroke-width=\"0.3\"\/>\n \n <line x1=\"-87\" y1=\"-213\" x2=\"-57\" y2=\"-138\" stroke=\"#C8963E\" stroke-width=\"0.2\"\/>\n <line x1=\"87\" y1=\"-213\" x2=\"57\" y2=\"-138\" stroke=\"#C8963E\" stroke-width=\"0.2\"\/>\n <line x1=\"-87\" y1=\"213\" x2=\"-57\" y2=\"138\" stroke=\"#C8963E\" stroke-width=\"0.2\"\/>\n <line x1=\"87\" y1=\"213\" x2=\"57\" y2=\"138\" stroke=\"#C8963E\" stroke-width=\"0.2\"\/>\n <line x1=\"-213\" y1=\"-87\" x2=\"-138\" y2=\"-57\" stroke=\"#C8963E\" stroke-width=\"0.2\"\/>\n <line x1=\"-213\" y1=\"87\" x2=\"-138\" y2=\"57\" stroke=\"#C8963E\" stroke-width=\"0.2\"\/>\n <line x1=\"213\" y1=\"-87\" x2=\"138\" y2=\"-57\" stroke=\"#C8963E\" stroke-width=\"0.2\"\/>\n <line x1=\"213\" y1=\"87\" x2=\"138\" y2=\"57\" stroke=\"#C8963E\" stroke-width=\"0.2\"\/>\n <\/g>\n <\/svg>\n\n <div class=\"hero-glow\"><\/div>\n\n <p class=\"hero-tag\">\u0950 \u0928\u092e\u0903 \u0936\u0915\u094d\u0924\u094d\u092f\u0948 \u2014 Est. 2001<\/p>\n <h1 class=\"hero-title\">Sri Adi Shakti<br>Parampara Yog Peeth<\/h1>\n <p class=\"hero-subtitle\">The Ancient Path of Shakti \u00b7 Tradition \u00b7 Awakening<\/p>\n <div class=\"hero-divider\"><\/div>\n <p class=\"hero-verse\">“\u092f\u0924\u094d\u0930 \u0928\u093e\u0930\u094d\u092f\u0938\u094d\u0924\u0941 \u092a\u0942\u091c\u094d\u092f\u0928\u094d\u0924\u0947 \u0930\u092e\u0928\u094d\u0924\u0947 \u0924\u0924\u094d\u0930 \u0926\u0947\u0935\u0924\u093e\u0903”<\/p>\n\n <div class=\"hero-cta\">\n <a href=\"#courses\" class=\"btn-primary\"><span>Begin Sadhana<\/span><\/a>\n <a href=\"#about\" class=\"btn-secondary\">Our Parampara<\/a>\n <\/div>\n\n <div class=\"scroll-hint\">\n <span>Descend Within<\/span>\n <div class=\"scroll-line\"><\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"about\">\n <div class=\"section-inner\">\n <div class=\"about-grid\">\n <div>\n <span class=\"section-tag reveal\">Our Sacred Tradition<\/span>\n <h2 class=\"section-heading reveal\">Rooted in the<br>Shakti Parampara<\/h2>\n <div class=\"gold-line reveal\"><\/div>\n <p class=\"section-body reveal\">\n Sri Adi Shakti Parampara Yog Peeth is a sacred lineage institution dedicated to the authentic transmission of Shakta yoga traditions \u2014 a living current of wisdom flowing unbroken from the Himalayan masters to the present day.\n <\/p>\n <p class=\"section-body reveal\" style=\"margin-top:1.2rem;\">\n Here, the ancient Tantric sciences of Kundalini Shakti, Mantra Vidya, and Kriya Yoga are taught not as concepts but as direct experiential practice \u2014 under the guidance of realised masters who carry the flame of Parampara.\n <\/p>\n\n <div class=\"about-stats\">\n <div class=\"stat-card reveal\">\n <span class=\"stat-number\">24+<\/span>\n <span class=\"stat-label\">Years of Tradition<\/span>\n <\/div>\n <div class=\"stat-card reveal\">\n <span class=\"stat-number\">3000+<\/span>\n <span class=\"stat-label\">Initiated Disciples<\/span>\n <\/div>\n <div class=\"stat-card reveal\">\n <span class=\"stat-number\">108<\/span>\n <span class=\"stat-label\">Sacred Programmes<\/span>\n <\/div>\n <div class=\"stat-card reveal\">\n <span class=\"stat-number\">12+<\/span>\n <span class=\"stat-label\">Nations Touched<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"about-visual reveal\">\n <svg class=\"lotus-3d\" viewBox=\"0 0 340 340\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <radialGradient id=\"glow\" cx=\"50%\" cy=\"50%\" r=\"50%\">\n <stop offset=\"0%\" stop-color=\"#C8963E\" stop-opacity=\"0.3\"\/>\n <stop offset=\"100%\" stop-color=\"#C8963E\" stop-opacity=\"0\"\/>\n <\/radialGradient>\n <radialGradient id=\"petalglow\" cx=\"50%\" cy=\"30%\" r=\"70%\">\n <stop offset=\"0%\" stop-color=\"#E8C07A\" stop-opacity=\"0.8\"\/>\n <stop offset=\"100%\" stop-color=\"#8B5A1A\" stop-opacity=\"0.4\"\/>\n <\/radialGradient>\n <\/defs>\n\n \n <circle cx=\"170\" cy=\"170\" r=\"150\" fill=\"url(#glow)\"\/>\n\n \n <circle cx=\"170\" cy=\"170\" r=\"148\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.5\" opacity=\"0.4\"\/>\n <circle cx=\"170\" cy=\"170\" r=\"130\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"0.3\" opacity=\"0.3\"\/>\n\n \n <g transform=\"translate(170,170)\">\n <ellipse rx=\"32\" ry=\"90\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"1\" opacity=\"0.8\" transform=\"rotate(0)\"\/>\n <ellipse rx=\"32\" ry=\"90\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"1\" opacity=\"0.8\" transform=\"rotate(45)\"\/>\n <ellipse rx=\"32\" ry=\"90\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"1\" opacity=\"0.8\" transform=\"rotate(90)\"\/>\n <ellipse rx=\"32\" ry=\"90\" fill=\"none\" stroke=\"#C8963E\" stroke-width=\"1\" opacity=\"0.8\" transform=\"rotate(135)\"\/>\n\n \n <ellipse rx=\"20\" ry=\"60\" fill=\"rgba(200,150,62,0.15)\" stroke=\"#E8C07A\" stroke-width=\"0.8\" opacity=\"0.7\" transform=\"rotate(22.5)\"\/>\n <ellipse rx=\"20\" ry=\"60\" fill=\"rgba(200,150,62,0.15)\" stroke=\"#E8C07A\" stroke-width=\"0.8\" opacity=\"0.7\" transform=\"rotate(67.5)\"\/>\n <ellipse rx=\"20\" ry=\"60\" fill=\"rgba(200,150,62,0.15)\" stroke=\"#E8C07A\" stroke-width=\"0.8\" opacity=\"0.7\" transform=\"rotate(112.5)\"\/>\n <ellipse rx=\"20\" ry=\"60\" fill=\"rgba(200,150,62,0.15)\" stroke=\"#E8C07A\" stroke-width=\"0.8\" opacity=\"0.7\" transform=\"rotate(157.5)\"\/>\n <ellipse rx=\"20\" ry=\"60\" fill=\"rgba(200,150,62,0.15)\" stroke=\"#E8C07A\" stroke-width=\"0.8\" opacity=\"0.7\" transform=\"rotate(202.5)\"\/>\n <ellipse rx=\"20\" ry=\"60\" fill=\"rgba(200,150,62,0.15)\" stroke=\"#E8C07A\" stroke-width=\"0.8\" opacity=\"0.7\" transform=\"rotate(247.5)\"\/>\n <ellipse rx=\"20\" ry=\"60\" fill=\"rgba(200,150,62,0.15)\" stroke=\"#E8C07A\" stroke-width=\"0.8\" opacity=\"0.7\" transform=\"rotate(292.5)\"\/>\n <ellipse rx=\"20\" ry=\"60\" fill=\"rgba(200,150,62,0.15)\" stroke=\"#E8C07A\" stroke-width=\"0.8\" opacity=\"0.7\" transform=\"rotate(337.5)\"\/>\n\n \n <circle r=\"30\" fill=\"rgba(200,150,62,0.2)\" stroke=\"#C8963E\" stroke-width=\"1\"\/>\n <circle r=\"20\" fill=\"rgba(200,150,62,0.3)\" stroke=\"#E8C07A\" stroke-width=\"0.8\"\/>\n <circle r=\"10\" fill=\"rgba(232,192,122,0.6)\" stroke=\"#E8C07A\" stroke-width=\"1\"\/>\n\n \n <text text-anchor=\"middle\" dominant-baseline=\"central\" font-size=\"16\" fill=\"#E8C07A\" font-family=\"serif\" opacity=\"0.9\">\u0950<\/text>\n <\/g>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"courses\">\n <div class=\"section-inner\">\n <span class=\"section-tag reveal\">Paths of Practice<\/span>\n <h2 class=\"section-heading reveal\">Sacred Sadhanas<br>& Programmes<\/h2>\n <div class=\"gold-line reveal\"><\/div>\n\n <div class=\"courses-grid\">\n <div class=\"course-card reveal\">\n <span class=\"card-icon\">\ud83d\udd25<\/span>\n <h3 class=\"card-title\">Kundalini Tantra Sadhana<\/h3>\n <p class=\"card-body\">A systematic awakening of the serpent fire through bandhas, pranayama, mantra, and meditative absorption. Rooted in the Shakta-Natha lineage.<\/p>\n <span class=\"card-tag\">21 \u00b7 40 \u00b7 90 Day Intensive<\/span>\n <\/div>\n\n <div class=\"course-card reveal\">\n <span class=\"card-icon\">\ud83c\udf38<\/span>\n <h3 class=\"card-title\">Mantra Vidya & Yantra Puja<\/h3>\n <p class=\"card-body\">The science of sacred sound and geometrical worship. Learn the proper pronunciation, nyasa, and ritual application of Shakta mantras including Shodashi and Bhuvaneshwari.<\/p>\n <span class=\"card-tag\">Initiation Required<\/span>\n <\/div>\n\n <div class=\"course-card reveal\">\n <span class=\"card-icon\">\ud83e\uddd8<\/span>\n <h3 class=\"card-title\">Classical Hatha Yoga TTC<\/h3>\n <p class=\"card-body\">A 200 & 300-hour teacher training rooted in traditional Hatha Pradipika and Gheranda Samhita \u2014 not modern fitness yoga but the original path to samadhi.<\/p>\n <span class=\"card-tag\">200hr \u00b7 300hr \u00b7 500hr<\/span>\n <\/div>\n\n <div class=\"course-card reveal\">\n <span class=\"card-icon\">\ud83c\udf19<\/span>\n <h3 class=\"card-title\">Sri Vidya Upasana<\/h3>\n <p class=\"card-body\">The highest path of goddess worship \u2014 the Sri Chakra, Panchadashi mantra, and the ten Mahavidyas. Given through direct diksha from qualified acharyas.<\/p>\n <span class=\"card-tag\">By Invitation<\/span>\n <\/div>\n\n <div class=\"course-card reveal\">\n <span class=\"card-icon\">\ud83c\udf3f<\/span>\n <h3 class=\"card-title\">Ayurveda & Sattvic Living<\/h3>\n <p class=\"card-body\">The yogic lifestyle as understood through Ayurveda \u2014 dinacharya, seasonal purification, sattvic diet, and the integration of yoga and medicine for total wellbeing.<\/p>\n <span class=\"card-tag\">Residential Retreat<\/span>\n <\/div>\n\n <div class=\"course-card reveal\">\n <span class=\"card-icon\">\u2728<\/span>\n <h3 class=\"card-title\">Vedic Meditation & Nada Yoga<\/h3>\n <p class=\"card-body\">Immersion into the inner sound current \u2014 from shabda brahman to unstruck sound. Includes deep dhyana, trataka, and the advanced practice of nada anusandhana.<\/p>\n <span class=\"card-tag\">Open Enrolment<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"lineage\">\n <div class=\"section-inner\">\n <div class=\"lineage-content\">\n <span class=\"section-tag reveal\" style=\"display:block;text-align:center;\">Guru-Shishya Parampara<\/span>\n <h2 class=\"section-heading reveal\" style=\"text-align:center;\">The Unbroken Chain<br>of Transmission<\/h2>\n\n <p class=\"lineage-quote reveal\">\n “As the lamp is lit from another lamp, so does wisdom pass from Guru to shishya across the ages \u2014 not by teaching alone, but by being.”\n <\/p>\n\n <div class=\"lineage-chain reveal\">\n <div class=\"guru-node\">\n <div class=\"guru-circle\">\u0936\u0915\u094d<\/div>\n <div class=\"guru-name\">Adi Shakti<br><span style=\"opacity:0.4;font-size:0.6rem;\">Source<\/span><\/div>\n <\/div>\n <div class=\"lineage-arrow\">\u203a<\/div>\n <div class=\"guru-node\">\n <div class=\"guru-circle\">\u0906\u0926<\/div>\n <div class=\"guru-name\">Himalayan<br>Masters<\/div>\n <\/div>\n <div class=\"lineage-arrow\">\u203a<\/div>\n <div class=\"guru-node\">\n <div class=\"guru-circle\">\u0917\u0941<\/div>\n <div class=\"guru-name\">Paramguru<br>Dev<\/div>\n <\/div>\n <div class=\"lineage-arrow\">\u203a<\/div>\n <div class=\"guru-node\">\n <div class=\"guru-circle\">\u0906\u091a<\/div>\n <div class=\"guru-name\">Acharya<br>Founders<\/div>\n <\/div>\n <div class=\"lineage-arrow\">\u203a<\/div>\n <div class=\"guru-node\">\n <div class=\"guru-circle\">\u0936\u093f<\/div>\n <div class=\"guru-name\">You \u2014<br>The Seeker<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"experience\">\n <div class=\"section-inner\">\n <span class=\"section-tag reveal\">Sacred Space<\/span>\n <h2 class=\"section-heading reveal\">The Ashram Experience<\/h2>\n <div class=\"gold-line reveal\"><\/div>\n\n <div class=\"immersion-grid reveal\">\n <div class=\"immersion-cell\">\n <canvas class=\"cell-canvas\" id=\"cell1\"><\/canvas>\n <span class=\"cell-label\">Dawn Meditation Hall<\/span>\n <\/div>\n <div class=\"immersion-cell\">\n <canvas class=\"cell-canvas\" id=\"cell2\"><\/canvas>\n <span class=\"cell-label\">Himalayan Setting<\/span>\n <\/div>\n <div class=\"immersion-cell\">\n <canvas class=\"cell-canvas\" id=\"cell3\"><\/canvas>\n <span class=\"cell-label\">Sacred Fire (Havan)<\/span>\n <\/div>\n <div class=\"immersion-cell\">\n <canvas class=\"cell-canvas\" id=\"cell4\"><\/canvas>\n <span class=\"cell-label\">Yantra Gardens<\/span>\n <\/div>\n <div class=\"immersion-cell\">\n <canvas class=\"cell-canvas\" id=\"cell5\"><\/canvas>\n <span class=\"cell-label\">Evening Aarti<\/span>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"testimonials\">\n <div class=\"section-inner\">\n <span class=\"section-tag reveal\">Voices from the Path<\/span>\n <h2 class=\"section-heading reveal\">What Initiates Say<\/h2>\n <div class=\"gold-line reveal\"><\/div>\n\n <div class=\"testimonials-wrap\">\n <div class=\"testimonial reveal\">\n <p class=\"t-quote\">“The Kundalini Sadhana at Sri Adi Shakti transformed not just my practice but my understanding of existence itself. The transmission I received from the Acharyas is beyond words.”<\/p>\n <p class=\"t-name\">Priya Deshpande<\/p>\n <p class=\"t-origin\">Pune, India \u00b7 2022 Initiate<\/p>\n <\/div>\n <div class=\"testimonial reveal\">\n <p class=\"t-quote\">“I had studied yoga for 15 years before coming here. The depth of the Parampara, the purity of the lineage, and the living quality of the teachings is unlike anything I had encountered.”<\/p>\n <p class=\"t-name\">Marcus Lindqvist<\/p>\n <p class=\"t-origin\">Stockholm, Sweden \u00b7 TTC Graduate<\/p>\n <\/div>\n <div class=\"testimonial reveal\">\n <p class=\"t-quote\">“Sri Vidya Upasana awakened something that no amount of reading ever could. The Peeth holds a living fire. I am forever grateful for the Guru’s grace.”<\/p>\n <p class=\"t-name\">Kavitha Nair<\/p>\n <p class=\"t-origin\">Kerala, India \u00b7 Sri Vidya Practitioner<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section id=\"contact\">\n <div class=\"section-inner\">\n <div class=\"contact-grid\">\n <div>\n <span class=\"section-tag reveal\">Begin the Journey<\/span>\n <h2 class=\"section-heading reveal\">Seek Initiation &<br>Sacred Knowledge<\/h2>\n <div class=\"gold-line reveal\"><\/div>\n <p class=\"section-body reveal\">\n The path begins with a sincere call. Write to us \u2014 share your sadhana background, your aspirations, and the teachings you seek. Our Acharyas will guide you to the appropriate programme or initiation.\n <\/p>\n <div style=\"margin-top:3rem;\" class=\"reveal\">\n <p style=\"font-family:'Cinzel',serif;font-size:0.7rem;letter-spacing:0.25em;color:var(--gold);margin-bottom:0.8rem;\">ASHRAM LOCATION<\/p>\n <p style=\"font-family:'Cormorant Garamond',serif;font-size:1.05rem;line-height:1.8;color:rgba(245,230,200,0.7);\">\n Sri Adi Shakti Parampara Yog Peeth<br>\n Rishikesh, Uttarakhand \u2014 Devbhumi, India\n <\/p>\n <\/div>\n <div style=\"margin-top:2rem;\" class=\"reveal\">\n <p style=\"font-family:'Cinzel',serif;font-size:0.7rem;letter-spacing:0.25em;color:var(--gold);margin-bottom:0.8rem;\">SACRED TIMING<\/p>\n <p style=\"font-family:'Cormorant Garamond',serif;font-size:1.05rem;color:rgba(245,230,200,0.7);\">\n Programmes begin on auspicious tithis.<br>Next intake: Navaratri 2025\n <\/p>\n <\/div>\n <\/div>\n\n <div>\n <div class=\"contact-form reveal\">\n <input class=\"form-input\" type=\"text\" placeholder=\"YOUR SACRED NAME\">\n <input class=\"form-input\" type=\"email\" placeholder=\"EMAIL ADDRESS\">\n <select class=\"form-input\" style=\"cursor:pointer;appearance:none;\">\n <option value=\"\" style=\"background:#1A0A05;\">SELECT YOUR PATH<\/option>\n <option style=\"background:#1A0A05;\">Kundalini Tantra Sadhana<\/option>\n <option style=\"background:#1A0A05;\">Sri Vidya Upasana<\/option>\n <option style=\"background:#1A0A05;\">Hatha Yoga TTC<\/option>\n <option style=\"background:#1A0A05;\">Mantra Vidya<\/option>\n <option style=\"background:#1A0A05;\">Ayurveda Retreat<\/option>\n <option style=\"background:#1A0A05;\">General Enquiry<\/option>\n <\/select>\n <textarea class=\"form-textarea\" placeholder=\"SHARE YOUR SADHANA BACKGROUND & INTENTIONS...\"><\/textarea>\n <button class=\"btn-primary\" style=\"align-self:flex-start;\"><span>Send Enquiry \u203a<\/span><\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer>\n <div class=\"footer-logo\">Sri Adi Shakti Parampara Yog Peeth<\/div>\n <div class=\"footer-om\">\u0950<\/div>\n <div class=\"footer-copy\">\u00a9 2025 \u00b7 All Rights Reserved \u00b7 Rishikesh, India<\/div>\n<\/footer>\n\n<script>\n\/\/ ===== CUSTOM CURSOR =====\nconst cursor = document.getElementById('cursor');\nconst ring = document.getElementById('cursor-ring');\nlet mx = 0, my = 0, rx = 0, ry = 0;\n\ndocument.addEventListener('mousemove', e => {\n mx = e.clientX; my = e.clientY;\n cursor.style.left = mx + 'px';\n cursor.style.top = my + 'px';\n});\n\nfunction animRing() {\n rx += (mx - rx) * 0.12;\n ry += (my - ry) *.12;\n ring.style.left = rx + 'px';\n ring.style.top = ry + 'px';\n requestAnimationFrame(animRing);\n}\nanimRing();\n\ndocument.querySelectorAll('a, button, .course-card, .stat-card').forEach(el => {\n el.addEventListener('mouseenter', () => {\n ring.style.width = '56px'; ring.style.height = '56px';\n });\n el.addEventListener('mouseleave', () => {\n ring.style.width = '36px'; ring.style.height = '36px';\n });\n});\n\n\/\/ ===== 3D PARTICLE FIELD (Main BG) =====\nconst bgCanvas = document.getElementById('bg-canvas');\nconst bgCtx = bgCanvas.getContext('2d');\nbgCanvas.width = window.innerWidth;\nbgCanvas.height = window.innerHeight;\n\nwindow.addEventListener('resize', () => {\n bgCanvas.width = window.innerWidth;\n bgCanvas.height = window.innerHeight;\n});\n\nconst stars = Array.from({length: 200}, () => ({\n x: Math.random() * bgCanvas.width,\n y: Math.random() * bgCanvas.height,\n z: Math.random() * 1000,\n s: Math.random() * 1.5 + 0.3,\n opacity: Math.random() * 0.7 + 0.1,\n speed: Math.random() * 0.3 + 0.05\n}));\n\nlet mouseX = 0, mouseY = 0;\ndocument.addEventListener('mousemove', e => {\n mouseX = (e.clientX \/ window.innerWidth - 0.5) * 2;\n mouseY = (e.clientY \/ window.innerHeight - 0.5) * 2;\n});\n\nfunction drawBG() {\n bgCtx.clearRect(0, 0, bgCanvas.width, bgCanvas.height);\n\n \/\/ Ambient orbs\n const time = Date.now() * 0.0003;\n const cx = bgCanvas.width \/ 2 + Math.sin(time) * 100;\n const cy = bgCanvas.height \/ 2 + Math.cos(time * 0.7) * 60;\n\n const g1 = bgCtx.createRadialGradient(cx, cy, 0, cx, cy, 400);\n g1.addColorStop(0, 'rgba(200,150,62,0.04)');\n g1.addColorStop(1, 'transparent');\n bgCtx.fillStyle = g1;\n bgCtx.fillRect(0, 0, bgCanvas.width, bgCanvas.height);\n\n \/\/ Stars \/ particles\n stars.forEach(star => {\n star.y -= star.speed;\n if (star.y < -5) { star.y = bgCanvas.height + 5; star.x = Math.random() * bgCanvas.width; }\n\n const px = star.x + mouseX * (star.z \/ 1000) * 20;\n const py = star.y + mouseY * (star.z \/ 1000) * 20;\n const size = star.s * (1 - star.z \/ 1500);\n\n bgCtx.beginPath();\n bgCtx.arc(px, py, Math.max(0.1, size), 0, Math.PI * 2);\n bgCtx.fillStyle = `rgba(200,150,62,${star.opacity * 0.5})`;\n bgCtx.fill();\n });\n\n \/\/ Connecting lines between close stars\n for (let i = 0; i < stars.length; i += 3) {\n for (let j = i + 1; j < stars.length; j += 3) {\n const dx = stars[i].x - stars[j].x;\n const dy = stars[i].y - stars[j].y;\n const dist = Math.sqrt(dx * dx + dy * dy);\n if (dist < 80) {\n bgCtx.beginPath();\n bgCtx.moveTo(stars[i].x, stars[i].y);\n bgCtx.lineTo(stars[j].x, stars[j].y);\n bgCtx.strokeStyle = `rgba(200,150,62,${0.03 * (1 - dist \/ 80)})`;\n bgCtx.lineWidth = 0.3;\n bgCtx.stroke();\n }\n }\n }\n\n requestAnimationFrame(drawBG);\n}\ndrawBG();\n\n\/\/ ===== ASHRAM CELL CANVASES =====\nfunction drawCell1(canvas) {\n const ctx = canvas.getContext('2d');\n const w = canvas.width, h = canvas.height;\n let t = 0;\n function draw() {\n ctx.clearRect(0, 0, w, h);\n ctx.fillStyle = '#0A0405';\n ctx.fillRect(0, 0, w, h);\n\n \/\/ Dawn glow\n const grd = ctx.createRadialGradient(w\/2, h, 0, w\/2, h, h * 1.2);\n grd.addColorStop(0, `rgba(212,113,26,${0.15 + Math.sin(t * 0.5) * 0.05})`);\n grd.addColorStop(0.4, 'rgba(139,26,26,0.08)');\n grd.addColorStop(1, 'transparent');\n ctx.fillStyle = grd;\n ctx.fillRect(0, 0, w, h);\n\n \/\/ Floor perspective lines\n ctx.strokeStyle = 'rgba(200,150,62,0.12)';\n ctx.lineWidth = 0.5;\n for (let i = 0; i <= 8; i++) {\n ctx.beginPath();\n ctx.moveTo(w \/ 2, h * 0.45);\n ctx.lineTo((w \/ 8) * i, h);\n ctx.stroke();\n }\n\n \/\/ Pillars\n for (let i = 0; i < 3; i++) {\n const px = w * 0.2 + i * w * 0.3;\n const pw = 8 - i * 1;\n ctx.fillStyle = `rgba(200,150,62,${0.2 - i * 0.04})`;\n ctx.fillRect(px, h * 0.1, pw, h * 0.8);\n }\n\n \/\/ Seated silhouettes\n for (let i = 0; i < 5; i++) {\n const sx = w * 0.1 + i * w * 0.2;\n ctx.fillStyle = `rgba(10,4,5,${0.9})`;\n ctx.beginPath();\n ctx.arc(sx, h * 0.75, 12 - i * 0.5, 0, Math.PI * 2);\n ctx.fill();\n ctx.fillRect(sx - 15, h * 0.75, 30, 20);\n }\n\n \/\/ Stars\n for (let i = 0; i < 30; i++) {\n const sx = (i * 137.5) % w;\n const sy = (i * 73.1) % (h * 0.4);\n ctx.fillStyle = `rgba(245,230,200,${0.3 + Math.sin(t + i) * 0.2})`;\n ctx.fillRect(sx, sy, 1, 1);\n }\n\n t += 0.02;\n requestAnimationFrame(draw);\n }\n draw();\n}\n\nfunction drawCell2(canvas) {\n const ctx = canvas.getContext('2d');\n const w = canvas.width, h = canvas.height;\n let t = 0;\n function draw() {\n ctx.clearRect(0, 0, w, h);\n\n \/\/ Sky gradient\n const sky = ctx.createLinearGradient(0, 0, 0, h * 0.7);\n sky.addColorStop(0, '#050310');\n sky.addColorStop(0.5, '#1A0A15');\n sky.addColorStop(1, '#3D1A08');\n ctx.fillStyle = sky;\n ctx.fillRect(0, 0, w, h * 0.7);\n\n \/\/ Ground\n ctx.fillStyle = '#0A0408';\n ctx.fillRect(0, h * 0.7, w, h * 0.3);\n\n \/\/ Mountains\n ctx.fillStyle = '#150812';\n ctx.beginPath();\n ctx.moveTo(0, h * 0.7);\n ctx.lineTo(w * 0.15, h * 0.2);\n ctx.lineTo(w * 0.35, h * 0.45);\n ctx.lineTo(w * 0.5, h * 0.1);\n ctx.lineTo(w * 0.7, h * 0.38);\n ctx.lineTo(w, h * 0.22);\n ctx.lineTo(w, h * 0.7);\n ctx.closePath();\n ctx.fill();\n\n \/\/ Snow caps\n ctx.fillStyle = 'rgba(245,230,200,0.15)';\n ctx.beginPath();\n ctx.moveTo(w * 0.5, h * 0.1);\n ctx.lineTo(w * 0.42, h * 0.25);\n ctx.lineTo(w * 0.58, h * 0.25);\n ctx.closePath();\n ctx.fill();\n\n \/\/ Moon\n const moonGlow = ctx.createRadialGradient(w * 0.75, h * 0.15, 0, w * 0.75, h * 0.15, 50);\n moonGlow.addColorStop(0, 'rgba(232,192,122,0.5)');\n moonGlow.addColorStop(0.3, 'rgba(232,192,122,0.1)');\n moonGlow.addColorStop(1, 'transparent');\n ctx.fillStyle = moonGlow;\n ctx.fillRect(0, 0, w, h);\n\n ctx.fillStyle = 'rgba(245,225,180,0.9)';\n ctx.beginPath();\n ctx.arc(w * 0.75, h * 0.15, 14, 0, Math.PI * 2);\n ctx.fill();\n\n \/\/ River reflection\n const riv = ctx.createLinearGradient(0, h * 0.75, 0, h);\n riv.addColorStop(0, 'rgba(200,150,62,0.15)');\n riv.addColorStop(1, 'transparent');\n ctx.fillStyle = riv;\n ctx.fillRect(w * 0.3, h * 0.72, w * 0.4, h * 0.28);\n\n \/\/ Stars\n for (let i = 0; i < 50; i++) {\n const sx = (i * 157.3) % w;\n const sy = (i * 63.7) % (h * 0.6);\n const blink = Math.sin(t * 2 + i * 0.5);\n ctx.fillStyle = `rgba(245,230,200,${0.3 + blink * 0.3})`;\n ctx.fillRect(sx, sy, 1 + (i % 2), 1 + (i % 2));\n }\n\n t += 0.015;\n requestAnimationFrame(draw);\n }\n draw();\n}\n\nfunction drawCell3(canvas) {\n const ctx = canvas.getContext('2d');\n const w = canvas.width, h = canvas.height;\n let t = 0;\n const flames = Array.from({length: 30}, (_, i) => ({\n x: w\/2 + (Math.random()-0.5)*30, y: h*0.6,\n vx: (Math.random()-0.5)*0.5, vy: -(Math.random()*2+1),\n life: Math.random(), maxLife: Math.random()*0.7+0.3,\n size: Math.random()*8+4\n }));\n\n function draw() {\n ctx.clearRect(0, 0, w, h);\n ctx.fillStyle = '#050202';\n ctx.fillRect(0, 0, w, h);\n\n \/\/ Firepit base\n ctx.fillStyle = '#2A0E04';\n ctx.beginPath();\n ctx.ellipse(w\/2, h*0.65, 45, 15, 0, 0, Math.PI*2);\n ctx.fill();\n\n \/\/ Logs\n ctx.strokeStyle = '#3D1505';\n ctx.lineWidth = 6;\n ctx.lineCap = 'round';\n ctx.beginPath(); ctx.moveTo(w\/2-35, h*0.65); ctx.lineTo(w\/2+35, h*0.65); ctx.stroke();\n ctx.beginPath(); ctx.moveTo(w\/2-30, h*0.6); ctx.lineTo(w\/2+30, h*0.7); ctx.stroke();\n\n \/\/ Glow\n const glow = ctx.createRadialGradient(w\/2, h*0.58, 0, w\/2, h*0.58, 100);\n glow.addColorStop(0, `rgba(212,113,26,${0.4 + Math.sin(t*3)*0.1})`);\n glow.addColorStop(0.4, 'rgba(139,26,26,0.15)');\n glow.addColorStop(1, 'transparent');\n ctx.fillStyle = glow;\n ctx.fillRect(0, 0, w, h);\n\n \/\/ Flames\n flames.forEach(f => {\n f.life += 0.04;\n if (f.life > f.maxLife) {\n f.life = 0;\n f.x = w\/2 + (Math.random()-0.5)*30;\n f.y = h*0.62;\n f.vx = (Math.random()-0.5)*0.5;\n f.vy = -(Math.random()*2+1);\n }\n const progress = f.life \/ f.maxLife;\n const cx = f.x + f.vx * f.life * 20 + Math.sin(t*5 + f.x)*3;\n const cy = f.y + f.vy * f.life * 20;\n const alpha = (1 - progress) * 0.8;\n const size = f.size * (1 - progress * 0.5);\n\n const fg = ctx.createRadialGradient(cx, cy, 0, cx, cy, size);\n fg.addColorStop(0, `rgba(255,255,200,${alpha})`);\n fg.addColorStop(0.4, `rgba(255,140,20,${alpha*0.8})`);\n fg.addColorStop(1, 'transparent');\n ctx.fillStyle = fg;\n ctx.beginPath();\n ctx.arc(cx, cy, size, 0, Math.PI*2);\n ctx.fill();\n });\n\n \/\/ Smoke particles\n for (let i = 0; i < 5; i++) {\n const sx = w\/2 + Math.sin(t + i)*20;\n const sy = h*0.35 - i*20;\n ctx.fillStyle = `rgba(100,60,40,${0.04 + i*0.01})`;\n ctx.beginPath();\n ctx.arc(sx, sy, 15 + i*8, 0, Math.PI*2);\n ctx.fill();\n }\n\n \/\/ Priests silhouettes\n for (let i = 0; i < 4; i++) {\n const angle = (i\/4) * Math.PI * 2 + Math.PI\/4;\n const px = w\/2 + Math.cos(angle)*65;\n const py = h*0.6 + Math.sin(angle)*8;\n ctx.fillStyle = 'rgba(5,2,2,0.95)';\n ctx.beginPath();\n ctx.arc(px, py - 20, 8, 0, Math.PI*2);\n ctx.fill();\n ctx.fillRect(px-6, py-14, 12, 22);\n }\n\n t += 0.04;\n requestAnimationFrame(draw);\n }\n draw();\n}\n\nfunction drawCell4(canvas) {\n const ctx = canvas.getContext('2d');\n const w = canvas.width, h = canvas.height;\n let t = 0;\n function draw() {\n ctx.clearRect(0, 0, w, h);\n\n \/\/ Garden bg\n const bg = ctx.createLinearGradient(0, 0, 0, h);\n bg.addColorStop(0, '#050A04');\n bg.addColorStop(1, '#0A0804');\n ctx.fillStyle = bg;\n ctx.fillRect(0, 0, w, h);\n\n \/\/ Sri Yantra geometry\n const cx = w\/2, cy = h\/2;\n const scale = Math.min(w, h) * 0.35;\n\n ctx.save();\n ctx.translate(cx, cy);\n\n \/\/ Outer squares\n for (let i = 0; i < 3; i++) {\n const s = scale * (1.0 - i * 0.05);\n ctx.strokeStyle = `rgba(200,150,62,${0.3 - i*0.05})`;\n ctx.lineWidth = 0.8;\n ctx.strokeRect(-s, -s, s*2, s*2);\n }\n\n \/\/ Triangles (simplified Sri Chakra)\n const triA = scale * 0.7;\n \/\/ Upward triangles (Shiva)\n for (let i = 0; i < 4; i++) {\n const ts = triA * (1 - i * 0.18);\n ctx.beginPath();\n ctx.moveTo(0, -ts);\n ctx.lineTo(ts * 0.866, ts * 0.5);\n ctx.lineTo(-ts * 0.866, ts * 0.5);\n ctx.closePath();\n ctx.strokeStyle = `rgba(200,150,62,${0.5 - i*0.08})`;\n ctx.lineWidth = 0.8;\n ctx.stroke();\n }\n \/\/ Downward triangles (Shakti)\n for (let i = 0; i < 5; i++) {\n const ts = triA * (0.9 - i * 0.15);\n ctx.beginPath();\n ctx.moveTo(0, ts);\n ctx.lineTo(ts * 0.866, -ts * 0.5);\n ctx.lineTo(-ts * 0.866, -ts * 0.5);\n ctx.closePath();\n ctx.strokeStyle = `rgba(196,99,107,${0.4 - i*0.06})`;\n ctx.lineWidth = 0.8;\n ctx.stroke();\n }\n\n \/\/ Center bindu\n const pulse = 3 + Math.sin(t * 2) * 1;\n const bGlow = ctx.createRadialGradient(0, 0, 0, 0, 0, pulse * 4);\n bGlow.addColorStop(0, 'rgba(232,192,122,0.9)');\n bGlow.addColorStop(1, 'transparent');\n ctx.fillStyle = bGlow;\n ctx.beginPath();\n ctx.arc(0, 0, pulse*4, 0, Math.PI*2);\n ctx.fill();\n\n ctx.fillStyle = '#E8C07A';\n ctx.beginPath();\n ctx.arc(0, 0, pulse, 0, Math.PI*2);\n ctx.fill();\n\n \/\/ Lotus petals around\n const pCount = 8;\n for (let i = 0; i < pCount; i++) {\n const a = (i\/pCount)*Math.PI*2 + t*0.1;\n const pr = scale * 0.55;\n ctx.save();\n ctx.rotate(a);\n ctx.beginPath();\n ctx.ellipse(0, -pr * 0.7, 8, 22, 0, 0, Math.PI*2);\n ctx.strokeStyle = `rgba(200,150,62,${0.3 + Math.sin(t + i)*0.1})`;\n ctx.lineWidth = 0.8;\n ctx.stroke();\n ctx.restore();\n }\n\n ctx.restore();\n\n t += 0.01;\n requestAnimationFrame(draw);\n }\n draw();\n}\n\nfunction drawCell5(canvas) {\n const ctx = canvas.getContext('2d');\n const w = canvas.width, h = canvas.height;\n let t = 0;\n function draw() {\n ctx.clearRect(0, 0, w, h);\n ctx.fillStyle = '#080308';\n ctx.fillRect(0, 0, w, h);\n\n \/\/ Sky glow\n const sky = ctx.createLinearGradient(0, 0, 0, h*0.6);\n sky.addColorStop(0, 'rgba(139,26,26,0.15)');\n sky.addColorStop(0.5, 'rgba(212,113,26,0.1)');\n sky.addColorStop(1, 'transparent');\n ctx.fillStyle = sky;\n ctx.fillRect(0, 0, w, h);\n\n \/\/ Temple silhouette\n ctx.fillStyle = '#0C0408';\n \/\/ Shikhara\n ctx.beginPath();\n ctx.moveTo(w*0.5, h*0.05);\n ctx.lineTo(w*0.35, h*0.45);\n ctx.lineTo(w*0.65, h*0.45);\n ctx.closePath();\n ctx.fill();\n \/\/ Body\n ctx.fillRect(w*0.3, h*0.45, w*0.4, h*0.35);\n \/\/ Steps\n for (let i = 0; i < 4; i++) {\n ctx.fillRect(w*0.25 + i*8, h*0.78 + i*4, w*0.5 - i*16, 8);\n }\n \/\/ Door opening glow\n const doorG = ctx.createRadialGradient(w*0.5, h*0.6, 0, w*0.5, h*0.6, 30);\n doorG.addColorStop(0, 'rgba(212,113,26,0.6)');\n doorG.addColorStop(1, 'transparent');\n ctx.fillStyle = doorG;\n ctx.fillRect(0, 0, w, h);\n\n \/\/ Lamps \/ diyas\n for (let i = 0; i < 12; i++) {\n const lx = w*0.15 + i*(w*0.7\/11);\n const ly = h*0.8;\n const flicker = Math.sin(t*5 + i*0.8);\n\n const lampG = ctx.createRadialGradient(lx, ly, 0, lx, ly, 15 + flicker*2);\n lampG.addColorStop(0, `rgba(255,200,80,${0.8+flicker*0.1})`);\n lampG.addColorStop(0.3, 'rgba(212,113,26,0.3)');\n lampG.addColorStop(1, 'transparent');\n ctx.fillStyle = lampG;\n ctx.beginPath();\n ctx.arc(lx, ly, 20, 0, Math.PI*2);\n ctx.fill();\n\n ctx.fillStyle = `rgba(255,220,100,${0.9+flicker*0.1})`;\n ctx.beginPath();\n ctx.arc(lx, ly, 2.5, 0, Math.PI*2);\n ctx.fill();\n }\n\n \/\/ Bell ripples\n for (let i = 0; i < 3; i++) {\n const r = ((t * 0.5 + i * 0.33) % 1) * 60;\n ctx.beginPath();\n ctx.arc(w*0.5, h*0.3, r, 0, Math.PI*2);\n ctx.strokeStyle = `rgba(200,150,62,${0.15 * (1 - r\/60)})`;\n ctx.lineWidth = 0.8;\n ctx.stroke();\n }\n\n \/\/ Devotee silhouettes\n for (let i = 0; i < 8; i++) {\n const dx = w*0.1 + i*w*0.11;\n const dy = h*0.85;\n ctx.fillStyle = 'rgba(5,2,4,0.95)';\n \/\/ Folded hands pose\n ctx.beginPath();\n ctx.arc(dx, dy-18, 7, 0, Math.PI*2);\n ctx.fill();\n ctx.fillRect(dx-5, dy-12, 10, 16);\n ctx.fillStyle = 'rgba(5,2,4,0.5)';\n ctx.fillRect(dx-8, dy-8, 5, 10);\n ctx.fillRect(dx+3, dy-8, 5, 10);\n }\n\n t += 0.025;\n requestAnimationFrame(draw);\n }\n draw();\n}\n\n\/\/ Initialize cell canvases\nfunction initCells() {\n const cells = [\n {id: 'cell1', fn: drawCell1},\n {id: 'cell2', fn: drawCell2},\n {id: 'cell3', fn: drawCell3},\n {id: 'cell4', fn: drawCell4},\n {id: 'cell5', fn: drawCell5},\n ];\n\n cells.forEach(({id, fn}) => {\n const canvas = document.getElementById(id);\n if (!canvas) return;\n const parent = canvas.parentElement;\n canvas.width = parent.offsetWidth;\n canvas.height = parent.offsetHeight;\n fn(canvas);\n });\n}\n\nsetTimeout(initCells, 100);\n\n\/\/ ===== PARTICLES =====\nconst particleContainer = document.getElementById('particles');\nfor (let i = 0; i < 25; i++) {\n const p = document.createElement('div');\n p.className = 'particle';\n p.style.left = (Math.random() * 100) + '%';\n p.style.animationDuration = (Math.random() * 15 + 10) + 's';\n p.style.animationDelay = (Math.random() * 15) + 's';\n p.style.width = p.style.height = (Math.random() * 2 + 1) + 'px';\n particleContainer.appendChild(p);\n}\n\n\/\/ ===== SCROLL REVEAL =====\nconst observer = new IntersectionObserver((entries) => {\n entries.forEach((entry, i) => {\n if (entry.isIntersecting) {\n setTimeout(() => entry.target.classList.add('visible'), i * 80);\n }\n });\n}, { threshold: 0.1 });\n\ndocument.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n\/\/ ===== NAV GLASSMORPHISM =====\nwindow.addEventListener('scroll', () => {\n const nav = document.querySelector('nav');\n if (window.scrollY > 50) {\n nav.style.background = 'rgba(10,6,8,0.92)';\n nav.style.backdropFilter = 'blur(12px)';\n } else {\n nav.style.background = 'linear-gradient(to bottom, rgba(10,6,8,0.9), transparent)';\n nav.style.backdropFilter = 'blur(2px)';\n }\n});\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Sri Adi Shakti Parampara Yog Peeth Sri Adi Shakti \u00b7 Yog Peeth Parampara Sadhana Lineage Ashram Enroll \u0950 \u0928\u092e\u0903 \u0936\u0915\u094d\u0924\u094d\u092f\u0948 \u2014 Est. 2001 Sri Adi ShaktiParampara […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":1,"href":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":7,"href":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/7"}],"wp:attachment":[{"href":"https:\/\/sriadishaktiparamparayogpeethtrust.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}