@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Cormorant+Garamond:ital,wght@0,300;0,600;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Outfit:wght@100;300;400;600&family=Playfair+Display:ital,wght@0,400;0,900;1,400&display=swap";:root{--mystic-gold: #ffd700;--mystic-gold-muted: rgba(255, 215, 0, .4);--mystic-purple: #8b00ff;--mystic-purple-light: #b04dff;--mystic-pink: #ff00ff;--mystic-cyan: #00ffff;--mystic-black: #020005;--mystic-deep: #0a0014;--astral-bg: radial-gradient(circle at 50% 50%, #1a0033 0%, #020002 100%);--font-mystic: "Cinzel Decorative", cursive;--font-serif: "Cormorant Garamond", serif;--font-display: "Playfair Display", serif}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-mystic);background:var(--mystic-black);color:#fff;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.z-50{z-index:50}.z-10{z-index:10}.-z-10{z-index:-10}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-screen-xl{max-width:1280px}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.overflow-hidden{overflow:hidden}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.w-24{width:6rem}.w-32{width:8rem}.h-40{height:10rem}.h-52{height:13rem}.h-full{height:100%}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.pt-8{padding-top:2rem}.md-pt-16{padding-top:4rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.block{display:block}.hidden{display:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.font-bold{font-weight:700}.font-black{font-weight:900}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}@media(max-width:640px){.text-6xl{font-size:2.5rem}.text-5xl{font-size:2rem}.text-3xl{font-size:1.5rem}}.text-8xl{font-size:6rem}.tracking-widest{letter-spacing:.1em}.tracking-wider{letter-spacing:.05em}@media(min-width:768px){.md-flex-row{flex-direction:row}.md-gap-8{gap:2rem}.md-gap-12{gap:3rem}.md-w-32{width:8rem}.md-h-52{height:13rem}}#goog-gt-tt,.goog-te-balloon-frame,.goog-te-feedback-box,.goog-te-ftab,.goog-te-menu-frame,.goog-te-hint{display:none!important}.goog-text-highlight{background:none!important;box-shadow:none!important}iframe[id=":1.container"]{display:none!important}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.shadow-2xl{box-shadow:0 25px 50px -12px #00000080}.shadow-supreme{box-shadow:0 0 30px #8b00ff66}.shadow-mystic{box-shadow:0 0 15px #ffd7004d}.bg-mystic{background:radial-gradient(ellipse at 20% 30%,rgba(139,0,255,.6) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,0,255,.5) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,255,255,.3) 0%,transparent 70%),radial-gradient(circle at 10% 80%,rgba(255,215,0,.4) 0%,transparent 40%),linear-gradient(135deg,#000,#1a0033,#306,#1a0033,#000);background-size:200% 200%;animation:gradientShift 15s ease infinite;position:relative;min-height:100vh}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.bg-mystic:before{content:"";position:absolute;inset:0;background-image:radial-gradient(3px 3px at 20% 30%,rgba(255,215,0,1),transparent),radial-gradient(2px 2px at 60% 70%,rgba(0,255,255,1),transparent),radial-gradient(2px 2px at 50% 50%,rgba(255,255,255,1),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,0,255,1),transparent),radial-gradient(3px 3px at 90% 60%,rgba(255,215,0,.9),transparent),radial-gradient(2px 2px at 33% 80%,rgba(0,255,255,.8),transparent),radial-gradient(1px 1px at 15% 15%,white,transparent),radial-gradient(2px 2px at 70% 25%,rgba(255,0,255,.9),transparent);background-size:200% 200%,250% 250%,300% 300%,200% 200%,220% 220%,280% 280%,150% 150%,260% 260%;animation:twinkle 20s linear infinite,stars 40s linear infinite;opacity:1;pointer-events:none}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.3}}@keyframes stars{0%{background-position:0 0,40% 60%,130% 270%,70% 100%,0 0,50% 50%,20% 80%,90% 30%}to{background-position:50% 100%,90% 110%,180% 320%,120% 150%,50% 100%,100% 100%,70% 130%,140% 80%}}.bg-mystic:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,215,0,.1) 1px,transparent 1px),radial-gradient(circle,rgba(255,0,255,.1) 1px,transparent 1px),radial-gradient(circle,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px,80px 80px,100px 100px;background-position:0 0,40px 60px,130px 270px;animation:particleFloat 30s linear infinite;pointer-events:none}@keyframes particleFloat{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.glass-card{background:#05000fcc;-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,215,0,.2);border-radius:2.5rem;padding:3rem;box-shadow:0 0 50px #8b00ff4d,inset 0 0 2px #ffffff1a;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.glass-card-supreme{background:#0a0019d9;border:1px solid transparent;background-clip:padding-box;position:relative}.glass-card-supreme:before{content:"";position:absolute;inset:0;border-radius:2.5rem;padding:2px;background:linear-gradient(135deg,var(--mystic-gold),transparent 40%,var(--mystic-purple),transparent 60%,var(--mystic-cyan));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes cardGlow{0%,to{box-shadow:0 0 80px #8b00ff99,0 0 120px #f0f6,0 50px 100px -20px #000000e6,inset 0 0 60px #ffd7001a}50%{box-shadow:0 0 100px #f0fc,0 0 150px #0ff9,0 50px 100px -20px #000000e6,inset 0 0 80px #ffd70033}}.glass-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,215,0,.3),transparent,rgba(255,0,255,.3),transparent,rgba(0,255,255,.3),transparent);animation:rotate 10s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);animation:energyPulse 3s ease-in-out infinite;pointer-events:none}@keyframes energyPulse{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.perspective-1000{perspective:1000px;transform-style:preserve-3d}.mystic-loader{width:60px;height:60px;border:4px solid transparent;border-top-color:var(--mystic-gold);border-right-color:var(--mystic-pink);border-bottom-color:var(--mystic-cyan);border-radius:50%;animation:spin 1s linear infinite,loaderGlow 2s ease-in-out infinite;box-shadow:0 0 40px #ffd700cc,0 0 60px #f0f9,inset 0 0 20px #0ff6}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loaderGlow{0%,to{box-shadow:0 0 40px #ffd700cc,0 0 60px #f0f9,inset 0 0 20px #0ff6}50%{box-shadow:0 0 60px gold,0 0 80px #f0fc,inset 0 0 30px #0ff9}}h1,h2,h3{font-family:Cinzel Decorative,cursive;font-weight:900;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,0,255,.6),0 0 60px rgba(0,255,255,.4),2px 2px 4px rgba(0,0,0,.8);background:linear-gradient(135deg,gold,#f0f,#0ff,gold);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShine 3s ease-in-out infinite}@keyframes textShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.text-mystic-gold{color:var(--mystic-gold);text-shadow:0 0 10px rgba(255,215,0,1),0 0 20px rgba(255,215,0,.8),0 0 30px rgba(255,215,0,.6);animation:goldPulse 2s ease-in-out infinite}@keyframes goldPulse{0%,to{text-shadow:0 0 10px rgba(255,215,0,1),0 0 20px rgba(255,215,0,.8),0 0 30px rgba(255,215,0,.6)}50%{text-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,215,0,1),0 0 60px rgba(255,215,0,.8)}}.reading-content{font-family:Cormorant Garamond,serif;line-height:1.9;text-shadow:0 2px 8px rgba(0,0,0,.8);color:#fffffff2}.invert{filter:invert(.9) hue-rotate(180deg)}@media(max-width:768px){.glass-card{padding:1.25rem;border-radius:1.5rem;width:95%;margin-left:auto;margin-right:auto}h1{font-size:1.8rem;margin-bottom:1.25rem;line-height:1.1;letter-spacing:.1em}.text-3xl{font-size:1.35rem}}@media(max-width:480px){.glass-card{padding:1rem;width:100%;border-radius:1rem}h1{font-size:1.5rem;letter-spacing:.05em}.text-6xl{font-size:2rem!important}}:root{--mystic-gold: #D4AF37;--mystic-gold-glow: rgba(212, 175, 55, .6);--mystic-gold-dark: #8C6D1F;--mystic-purple: #4b0082;--mystic-dark: #05010a;--glass-bg: rgba(10, 5, 20, .4);--glass-border: rgba(212, 175, 55, .2)}body{background-color:var(--mystic-dark);color:#fff;font-family:Outfit,sans-serif;margin:0;overflow-x:hidden}img{max-width:100%;height:auto}h1,h2,h3,h4,.font-mystic{font-family:Cinzel Decorative,cursive}.font-serif-mystic{font-family:Playfair Display,serif}.glass-card{background:var(--glass-bg);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid var(--glass-border);border-radius:2.5rem;box-shadow:0 25px 50px -12px #000c,inset 0 0 40px #d4af370d,0 0 20px #0006;transition:all .5s cubic-bezier(.23,1,.32,1)}.glass-card:hover{border-color:var(--mystic-gold);box-shadow:0 30px 60px -12px #000000e6,inset 0 0 50px #d4af371a,0 0 40px var(--mystic-gold-glow)}@media(max-width:768px){.glass-card{border-radius:1.5rem;padding:1rem!important;width:95%!important;margin-left:auto!important;margin-right:auto!important}}button{cursor:pointer;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;border:none;outline:none;z-index:10}.category-card{transition:all .7s cubic-bezier(.19,1,.22,1);transform-style:preserve-3d}.category-card:hover{transform:translateY(-30px) scale(1.05) rotateX(5deg);box-shadow:0 50px 100px -20px #000c,0 0 40px var(--mystic-gold-glow)}.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 50%,transparent 100%);z-index:1}input{background:#ffffff08!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;border-radius:1rem!important;padding:1.25rem!important;transition:all .4s ease}input:focus{background:#ffffff0d!important;border-color:var(--mystic-gold)!important;box-shadow:0 0 25px #d4af3733!important}@keyframes titlePulse{0%,to{text-shadow:0 0 20px var(--mystic-gold-glow),0 0 40px rgba(255,215,0,.2);opacity:.9}50%{text-shadow:0 0 50px var(--mystic-gold-glow),0 0 80px rgba(255,215,0,.4);opacity:1;transform:scale(1.01)}}.animate-supreme-title{animation:titlePulse 6s ease-in-out infinite}.mystic-language-pill{display:flex;align-items:center;gap:8px;height:48px;padding:0 16px;background:#0006;border:1px solid rgba(255,215,0,.3);border-radius:9999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer;width:auto;min-width:140px;justify-content:center;position:relative}.mystic-language-pill:hover{background:#0009;border-color:var(--mystic-gold)}#google_translate_element{display:flex;align-items:center;justify-content:center;height:100%}.goog-te-gadget-simple{background-color:transparent!important;border:none!important;padding:0!important;font-size:0!important;line-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.goog-te-gadget-simple span{color:#fff!important;font-size:13px!important;font-weight:500!important;font-family:Outfit,sans-serif!important;letter-spacing:.5px!important;text-transform:capitalize!important;display:inline-block!important}.goog-te-gadget-icon,.goog-te-menu-value span:nth-child(3),.goog-te-menu-value span:nth-child(5){display:none!important}.goog-te-menu-value{display:flex!important;align-items:center!important}.goog-te-menu-value span:last-child{display:inline-block!important;font-size:10px!important;color:var(--mystic-gold)!important;margin-left:6px!important;opacity:.8;transform:translateY(-1px)}.goog-tooltip,.goog-te-banner-frame{display:none!important}body{top:0!important}.music-toggle-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:9999px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease}.music-toggle-btn:hover{border-color:var(--mystic-gold);box-shadow:0 0 20px var(--mystic-gold-glow)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--mystic-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--mystic-gold),var(--mystic-purple));border-radius:10px}.shadow-supreme{box-shadow:0 20px 50px #000c}.shadow-mystic{filter:drop-shadow(0 0 10px var(--mystic-gold))}.perspective-2000{perspective:2000px}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.animate-bounce-slow{animation:bounce-slow 4s ease-in-out infinite}.mystic-progress-container{width:300px;height:8px;background:#0006;border-radius:999px;overflow:hidden;border:1px solid rgba(212,175,55,.3);position:relative}.mystic-progress-bar{height:100%;background:linear-gradient(90deg,var(--mystic-gold),#FFD700,var(--mystic-gold));background-size:200% 100%;animation:progressShine 2s ease-in-out infinite;border-radius:999px;box-shadow:0 0 15px var(--mystic-gold-glow);transition:width .6s cubic-bezier(.23,1,.32,1)}@keyframes progressShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes speakingGlow{0%,to{box-shadow:0 0 40px #d4af3799}50%{box-shadow:0 0 80px #d4af37,0 0 120px #ffd70080}}.speaking-card{animation:speakingGlow 1.5s ease-in-out infinite}.mystic-container{width:100%;max-width:1000px;height:auto;margin:0 auto}@media(max-width:768px){h1{font-size:1.5rem!important;line-height:1.2!important;margin-bottom:.5rem!important;padding:0 10px!important}h2{font-size:1.2rem!important}h3{font-size:1.1rem!important}h4{font-size:1rem!important}.category-card{border-radius:1.5rem!important;aspect-ratio:3/4!important}.glass-card{padding:1rem!important;width:95%!important}.category-card .text-3xl{font-size:1rem!important;letter-spacing:.1em!important}.mystic-language-pill{height:32px!important;min-width:80px!important;font-size:10px!important;top:10px!important;right:10px!important;z-index:101!important}.music-toggle-btn{width:32px!important;height:32px!important;top:10px!important;right:100px!important;left:auto!important;z-index:101!important}}@media(max-width:480px){.glass-card{width:100%!important;border-radius:1rem!important}.category-card .text-3xl{font-size:.9rem!important}.music-toggle-btn{right:95px!important}.mystic-container{padding:.5rem!important}}