*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-top-8{top:-2rem}.bottom-0{bottom:0}.bottom-12{bottom:3rem}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.bottom-8{bottom:2rem}.left-0{left:0}.left-1\/2{left:50%}.left-16{left:4rem}.left-2{left:.5rem}.left-4{left:1rem}.left-8{left:2rem}.right-0{right:0}.right-12{right:3rem}.right-2{right:.5rem}.right-4{right:1rem}.right-8{right:2rem}.top-0{top:0}.top-16{top:4rem}.top-2{top:.5rem}.top-4{top:1rem}.top-8{top:2rem}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[9998\]{z-index:9998}.z-\[9999\]{z-index:9999}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-80{width:20rem}.w-full{width:100%}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.scale-105{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-dashed{border-style:dashed}.border-blood-red{--tw-border-opacity:1;border-color:rgb(139 0 0/var(--tw-border-opacity,1))}.border-ember-orange{--tw-border-opacity:1;border-color:rgb(255 107 53/var(--tw-border-opacity,1))}.border-parchment{--tw-border-opacity:1;border-color:rgb(212 197 185/var(--tw-border-opacity,1))}.bg-blood-red{--tw-bg-opacity:1;background-color:rgb(139 0 0/var(--tw-bg-opacity,1))}.bg-charred-grey{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-deep-black{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.bg-ember-orange{--tw-bg-opacity:1;background-color:rgb(255 107 53/var(--tw-bg-opacity,1))}.bg-opacity-10{--tw-bg-opacity:0.1}.bg-opacity-20{--tw-bg-opacity:0.2}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blood-red{--tw-gradient-from:#8b0000 var(--tw-gradient-from-position);--tw-gradient-to:rgba(139,0,0,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-ember-orange{--tw-gradient-from:#ff6b35 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,107,53,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-blood-red{--tw-gradient-to:rgba(139,0,0,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#8b0000 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blood-red{--tw-gradient-to:#8b0000 var(--tw-gradient-to-position)}.to-ember-orange{--tw-gradient-to:#ff6b35 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-16{padding-left:4rem;padding-right:4rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-cinzel{font-family:var(--font-cinzel),serif}.font-crimson{font-family:var(--font-crimson),serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.text-blood-red{--tw-text-opacity:1;color:rgb(139 0 0/var(--tw-text-opacity,1))}.text-ember-orange{--tw-text-opacity:1;color:rgb(255 107 53/var(--tw-text-opacity,1))}.text-parchment{--tw-text-opacity:1;color:rgb(212 197 185/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-5{opacity:.05}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-red-glow{--tw-shadow:0 0 20px rgba(139,0,0,.5);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur-sm{--tw-blur:blur(4px)}.blur-sm,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}:root{--deep-black:#0a0a0a;--charred-grey:#1a1a1a;--blood-red:#8b0000;--parchment:#d4c5b9;--ember-orange:#ff6b35}body{font-family:var(--font-crimson),serif;background-color:var(--deep-black);color:var(--parchment)}h1,h2,h3,h4,h5,h6{font-family:var(--font-cinzel),serif}.ghost-cursor{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><radialGradient id="glow"><stop offset="0%%" stop-color="%23ff6b35" stop-opacity="0.8"/><stop offset="50%%" stop-color="%23ff6b35" stop-opacity="0.4"/><stop offset="100%%" stop-color="%23ff6b35" stop-opacity="0"/></radialGradient></defs><circle cx="16" cy="16" r="12" fill="url(%23glow)"/><circle cx="16" cy="16" r="6" fill="%23ff6b35" opacity="0.9"/></svg>'),auto}.text-shadow-gothic{text-shadow:2px 2px 4px rgba(0,0,0,.8)}@keyframes candleFlicker{0%,to{opacity:1;transform:scale(1) translateY(0) translateZ(0);filter:brightness(1)}15%{opacity:.85;transform:scale(.98) translateY(1px) translateZ(0);filter:brightness(.9)}30%{opacity:.95;transform:scale(1.02) translateY(-1px) translateZ(0);filter:brightness(1.1)}45%{opacity:.8;transform:scale(.97) translateY(2px) translateZ(0);filter:brightness(.85)}60%{opacity:.9;transform:scale(1.01) translateY(-1px) translateZ(0);filter:brightness(1.05)}75%{opacity:.88;transform:scale(.99) translateY(1px) translateZ(0);filter:brightness(.95)}}.candle-flicker{animation:candleFlicker 3s ease-in-out infinite;will-change:transform,opacity,filter}.candle-flame{position:relative;box-shadow:0 0 20px rgba(255,107,53,.6),0 0 40px rgba(255,107,53,.4),0 0 60px rgba(255,107,53,.2)}@keyframes fogDrift{0%,to{background-position:0 0;opacity:.6}25%{background-position:20% 10%;opacity:.7}50%{background-position:40% 20%;opacity:.5}75%{background-position:20% 10%;opacity:.65}}.fog-overlay{backdrop-filter:blur(2px);background:linear-gradient(180deg,rgba(26,26,26,.3),rgba(26,26,26,.1) 50%,rgba(26,26,26,.3)),radial-gradient(circle at 30% 40%,rgba(139,0,0,.1) 0,transparent 50%),radial-gradient(circle at 70% 60%,rgba(139,0,0,.08) 0,transparent 50%);background-size:100% 100%,200% 200%,200% 200%;animation:fogDrift 20s ease-in-out infinite;will-change:background-position,opacity}.spectral-glow{transition:text-shadow .3s ease;will-change:text-shadow}.spectral-glow:hover{text-shadow:0 0 10px rgba(255,107,53,.8)}@keyframes shake{0%,to{transform:translateX(0) translateZ(0)}25%{transform:translateX(-2px) rotate(-1deg) translateZ(0)}75%{transform:translateX(2px) rotate(1deg) translateZ(0)}}.shake-hover:hover{animation:shake .3s ease-in-out;will-change:transform}.parchment-texture{background-image:linear-gradient(hsla(27,24%,78%,.05) 1px,transparent 0),linear-gradient(90deg,hsla(27,24%,78%,.05) 1px,transparent 0);background-size:20px 20px}@keyframes emberFloat{0%{transform:translateY(0) translateX(0) scale(1) translateZ(0);opacity:1}50%{transform:translateY(-100px) translateX(20px) scale(.8) translateZ(0);opacity:.6}to{transform:translateY(-200px) translateX(-10px) scale(.3) translateZ(0);opacity:0}}.ember-particle{width:6px;height:6px;background:radial-gradient(circle,#ff6b35 0,#ff4500 50%,transparent 100%);border-radius:50%;box-shadow:0 0 10px rgba(255,107,53,.8),0 0 20px rgba(255,107,53,.4);animation:emberFloat 3s ease-out forwards;will-change:transform,opacity;z-index:10}@keyframes idleFlicker{0%,to{opacity:1;filter:brightness(1)}10%{opacity:.7;filter:brightness(.6)}20%{opacity:1;filter:brightness(1)}30%{opacity:.8;filter:brightness(.7)}40%,60%{opacity:1;filter:brightness(1)}70%{opacity:.6;filter:brightness(.5)}80%{opacity:1;filter:brightness(1)}}.idle-flicker{animation:idleFlicker .3s ease-in-out;will-change:opacity,filter}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.gothic-button{box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 1px 0 hsla(27,24%,78%,.1);text-shadow:1px 1px 2px rgba(0,0,0,.8)}.gothic-button:hover{box-shadow:0 0 20px rgba(139,0,0,.5),0 4px 8px rgba(0,0,0,.4),inset 0 1px 0 hsla(27,24%,78%,.2)}@keyframes shadowMove{0%,to{box-shadow:-5px -5px 15px rgba(0,0,0,.5),5px 5px 15px rgba(139,0,0,.3)}25%{box-shadow:5px -5px 15px rgba(0,0,0,.5),-5px 5px 15px rgba(139,0,0,.3)}50%{box-shadow:5px 5px 15px rgba(0,0,0,.5),-5px -5px 15px rgba(139,0,0,.3)}75%{box-shadow:-5px 5px 15px rgba(0,0,0,.5),5px -5px 15px rgba(139,0,0,.3)}}.moving-shadow{animation:shadowMove 8s ease-in-out infinite;will-change:box-shadow}@keyframes textShadowMove{0%,to{text-shadow:-2px -2px 4px rgba(0,0,0,.8),2px 2px 4px rgba(139,0,0,.4)}25%{text-shadow:2px -2px 4px rgba(0,0,0,.8),-2px 2px 4px rgba(139,0,0,.4)}50%{text-shadow:2px 2px 4px rgba(0,0,0,.8),-2px -2px 4px rgba(139,0,0,.4)}75%{text-shadow:-2px 2px 4px rgba(0,0,0,.8),2px -2px 4px rgba(139,0,0,.4)}}.moving-text-shadow{animation:textShadowMove 6s ease-in-out infinite;will-change:text-shadow}@media (prefers-reduced-motion:reduce){.candle-flicker,.ember-particle,.fog-overlay,.idle-flicker,.moving-shadow,.moving-text-shadow,.shake-hover:hover{animation:none!important;will-change:auto!important}.candle-flicker{opacity:1;transform:scale(1) translateY(0) translateZ(0);filter:brightness(1)}.fog-overlay{background-position:0 0;opacity:.6}.moving-shadow{box-shadow:0 0 20px rgba(139,0,0,.5),-3px -3px 10px rgba(0,0,0,.5)}.moving-text-shadow{text-shadow:2px 2px 4px rgba(0,0,0,.8)}}@keyframes raven-flight{0%{transform:translateX(-100px) translateY(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(calc(100vw + 100px)) translateY(-20px) rotate(5deg);opacity:0}}.raven-flight{position:absolute;top:40%;font-size:2rem;animation:raven-flight 20s linear infinite;filter:drop-shadow(0 0 10px rgba(139,0,0,.5))}@keyframes lightning{0%,90%,to{opacity:0}10%,5%{opacity:.8;background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 70%)}}.lightning-flash{position:absolute;animation:lightning 8s infinite;animation-delay:3s}@keyframes spirit-float{0%,to{transform:translateY(0) rotate(0deg);opacity:.6}25%{transform:translateY(-20px) rotate(5deg);opacity:.8}50%{transform:translateY(-10px) rotate(-3deg);opacity:1}75%{transform:translateY(-15px) rotate(2deg);opacity:.7}}.spirit-orb{position:absolute;top:30%;font-size:1.5rem;animation:spirit-float 6s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,107,53,.8))}@keyframes entrance-fade{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.entrance-fade{animation:entrance-fade 2s ease-out}.gothic-frame{border:4px solid #8b0000;background:linear-gradient(135deg,rgba(26,26,26,.9),hsla(0,0%,4%,.95));box-shadow:0 0 50px rgba(139,0,0,.5),inset 0 0 30px rgba(139,0,0,.2);position:relative;border-radius:8px}@keyframes typewriter{0%{width:0}to{width:100%}}.typewriter-effect{overflow:hidden;white-space:nowrap;margin:0 auto;animation:typewriter 3s steps(12) 1s both}.blood-drip-line{height:4px;background:linear-gradient(90deg,transparent,#8b0000,red,#8b0000,transparent);margin:0 auto;width:60%;animation:blood-drip 2s ease-in-out 2s both;box-shadow:0 0 10px #8b0000}@keyframes glow-pulse{0%,to{text-shadow:0 0 20px #ff6b35,0 0 30px #ff6b35,0 0 40px #ff6b35}50%{text-shadow:0 0 30px #ff6b35,0 0 40px #ff6b35,0 0 50px #ff6b35}}.glow-pulse{animation:glow-pulse 3s ease-in-out infinite}.ancient-scroll-bg{background:linear-gradient(45deg,hsla(27,24%,78%,.1),hsla(27,24%,78%,.05)),radial-gradient(circle,rgba(139,0,0,.1),transparent);border:2px solid hsla(27,24%,78%,.3);border-radius:15px;position:relative}@keyframes cta-glow{0%,to{box-shadow:0 0 20px rgba(139,0,0,.5),0 0 40px rgba(139,0,0,.3);transform:scale(1)}50%{box-shadow:0 0 30px rgba(139,0,0,.8),0 0 60px rgba(139,0,0,.5);transform:scale(1.05)}}.cta-button{animation:cta-glow 4s ease-in-out infinite}@keyframes float-card{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-5px) rotate(-.5deg)}}.floating-cards .feature-card{animation:float-card 6s ease-in-out infinite}@keyframes candle-realistic{0%,to{transform:scale(1) rotate(0deg);filter:drop-shadow(0 0 10px rgba(255,165,0,.8))}25%{transform:scale(1.1) rotate(1deg);filter:drop-shadow(0 0 15px rgba(255,165,0,1))}50%{transform:scale(.95) rotate(-.5deg);filter:drop-shadow(0 0 8px rgba(255,165,0,.6))}75%{transform:scale(1.05) rotate(.5deg);filter:drop-shadow(0 0 12px rgba(255,165,0,.9))}}.candle-realistic{animation:candle-realistic 2s ease-in-out infinite}@keyframes web-sway{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(2deg) scale(1.05)}75%{transform:rotate(-1deg) scale(.95)}}.web-sway{animation:web-sway 8s ease-in-out infinite;transform-origin:center}.fog-roll{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),hsla(0,0%,100%,.2),hsla(0,0%,100%,.1),transparent);animation:fog-roll 20s linear infinite}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin-slow{animation:spin-slow 8s linear infinite}.text-shadow-deep{text-shadow:0 0 10px #8b0000,0 0 20px #8b0000,0 0 30px #8b0000,3px 3px 0 #000,6px 6px 0 rgba(0,0,0,.5)}@keyframes skull-glow{0%,to{text-shadow:0 0 10px #8b0000}50%{text-shadow:0 0 20px #8b0000,0 0 30px #ff6b35}}.skull-decoration{animation:skull-glow 3s ease-in-out infinite;font-size:1.5rem}.export-altar{position:relative}.export-altar:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent,rgba(139,0,0,.3),transparent);border-radius:12px;z-index:-1;opacity:0;transition:opacity .5s ease}.export-altar:hover:before{opacity:1}.ritual-progress{position:relative;overflow:hidden}.ritual-progress:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:ritual-sweep 2s ease-in-out infinite}@keyframes ritual-sweep{0%{left:-100%}to{left:100%}}.shadow-red-glow{box-shadow:0 0 20px rgba(139,0,0,.5),0 0 40px rgba(139,0,0,.3)}.shadow-orange-glow{box-shadow:0 0 20px rgba(255,107,53,.5),0 0 40px rgba(255,107,53,.3)}@keyframes shake-hover{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.shake-hover:hover{animation:shake-hover .5s ease-in-out}.gothic-button{position:relative;overflow:hidden}.gothic-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.gothic-button:hover:before{left:100%}.text-shadow-gothic{text-shadow:0 0 5px #8b0000,0 0 10px #8b0000,2px 2px 0 #000}.text-shadow-glow{text-shadow:0 0 10px #ff6b35,0 0 20px #ff6b35,0 0 30px #ff6b35}:root.theme-vampire{--primary:#8b0000;--secondary:#dc143c;--accent:#b22222;--background:#0a0000;--surface:#1a0000;--text:beige;--text-secondary:#cd5c5c;--border:#8b0000;--glow:#dc143c}.blood-moon{width:250px;height:250px;background:radial-gradient(circle at 30% 30%,#ff4500 0,#dc143c 25%,#8b0000 50%,#4b0000 75%,transparent 100%),radial-gradient(circle at 70% 70%,rgba(220,20,60,.3) 0,transparent 50%);opacity:.8;animation:blood-moon-pulse 12s ease-in-out infinite;box-shadow:0 0 100px #dc143c,0 0 200px #8b0000,0 0 300px rgba(139,0,0,.3),inset -20px -20px 50px rgba(0,0,0,.5)}.blood-moon:before{top:-50px;left:-50px;right:-50px;bottom:-50px;background:radial-gradient(circle,rgba(220,20,60,.1) 0,transparent 70%);animation:moon-halo 8s ease-in-out infinite reverse}@keyframes blood-moon-pulse{0%,to{transform:scale(1);box-shadow:0 0 100px #dc143c,0 0 200px #8b0000,0 0 300px rgba(139,0,0,.3)}50%{transform:scale(1.05);box-shadow:0 0 150px #dc143c,0 0 250px #8b0000,0 0 400px rgba(139,0,0,.5)}}@keyframes moon-halo{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}.blood-drop{height:12px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8)) drop-shadow(0 0 8px #8B0000)}.blood-drop:before{top:-2px;width:3px}.blood-drop:after{bottom:-3px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #4b0000}@keyframes realistic-blood-drip{0%,90%,to{transform:translateY(0) scaleY(1);opacity:1}95%{transform:translateY(20px) scaleY(1.5);opacity:.8}to{transform:translateY(40px) scaleY(2);opacity:0}}.blood-drip-top{position:fixed;top:0;left:0;width:100%;height:100px;pointer-events:none;z-index:3}.blood-drip-stream{position:absolute;width:2px;height:0;background:linear-gradient(180deg,#8b0000,#dc143c,#4b0000);animation:blood-stream-drip 6s ease-in infinite;border-radius:0 0 50% 50%}@keyframes blood-stream-drip{0%{height:0;opacity:1}30%{height:80px;opacity:1}70%{height:100px;opacity:.8}to{height:120px;opacity:0}}.castle-silhouette{height:200px;background:linear-gradient(0deg,#000 0,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200'%3E%3Cpath d='M0,200 L0,150 L50,150 L50,120 L80,120 L80,100 L120,100 L120,80 L160,80 L160,60 L200,60 L200,40 L240,40 L240,60 L280,60 L280,80 L320,80 L320,100 L360,100 L360,120 L400,120 L400,140 L450,140 L450,120 L500,120 L500,100 L550,100 L550,80 L600,80 L600,60 L650,60 L650,40 L700,40 L700,20 L750,20 L750,40 L800,40 L800,60 L850,60 L850,80 L900,80 L900,100 L950,100 L950,120 L1000,120 L1000,140 L1050,140 L1050,160 L1100,160 L1100,180 L1200,180 L1200,200 Z' fill='%23000000'/%3E%3C/svg%3E") bottom/cover no-repeat;opacity:.8;z-index:2}.castle-silhouette,.vampire-fog{position:fixed;bottom:0;left:0;width:100%}.vampire-fog{height:300px;background:radial-gradient(ellipse at bottom,rgba(139,0,0,.3) 0,transparent 70%),linear-gradient(0deg,rgba(220,20,60,.1) 0,transparent 50%);animation:vampire-fog-roll 25s linear infinite;z-index:1;pointer-events:none}.vampire-fog:before{content:"";position:absolute;bottom:0;left:0;width:200%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(139,0,0,.2) 0,transparent 30%),radial-gradient(circle at 80% 90%,rgba(220,20,60,.15) 0,transparent 40%),radial-gradient(circle at 50% 100%,rgba(139,0,0,.1) 0,transparent 50%);animation:fog-particles 30s linear infinite reverse}@keyframes vampire-fog-roll{0%{transform:translateX(-25%)}to{transform:translateX(25%)}}@keyframes fog-particles{0%{transform:translateX(-50%)}to{transform:translateX(50%)}}.tree-branches{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M10,100 Q15,80 20,60 Q25,40 30,20 Q35,10 40,5 M40,5 Q45,15 50,25 Q55,35 60,45 M30,20 Q25,25 20,30 Q15,35 10,40 M50,25 Q55,20 60,15 Q65,10 70,5' stroke='%23000000' stroke-width='2' fill='none' opacity='0.6'/%3E%3C/svg%3E") 0 0/300px 400px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M90,100 Q85,80 80,60 Q75,40 70,20 Q65,10 60,5 M60,5 Q55,15 50,25 Q45,35 40,45 M70,20 Q75,25 80,30 Q85,35 90,40 M50,25 Q45,20 40,15 Q35,10 30,5' stroke='%23000000' stroke-width='2' fill='none' opacity='0.6'/%3E%3C/svg%3E") 100% 0/300px 400px no-repeat;animation:branch-sway 15s ease-in-out infinite}@keyframes branch-sway{0%,to{transform:rotate(0deg)}25%{transform:rotate(.5deg)}75%{transform:rotate(-.5deg)}}.vampire-eye{width:12px;height:8px;background:radial-gradient(ellipse,red 0,#dc143c 40%,#8b0000 80%,transparent 100%);animation:vampire-eye-blink 4s ease-in-out infinite;box-shadow:0 0 15px #dc143c,0 0 25px rgba(220,20,60,.5),inset 1px 1px 2px hsla(0,0%,100%,.3)}.vampire-eye,.vampire-eye:before{position:absolute;border-radius:50%}.vampire-eye:before{content:"";top:1px;left:2px;width:2px;height:2px;background:hsla(0,0%,100%,.8)}@keyframes vampire-eye-blink{0%,90%,to{opacity:1;transform:scaleY(1)}95%{opacity:.3;transform:scaleY(.1)}}.blood-splatter{position:fixed;pointer-events:none;z-index:1}.splatter-1{top:20%;left:10%;width:30px;height:30px;background:radial-gradient(circle at 30% 30%,#8b0000 0,#dc143c 40%,transparent 70%),radial-gradient(circle at 70% 20%,#4b0000 0,transparent 50%);border-radius:50% 20% 40% 30%;opacity:.6;animation:splatter-fade 10s ease-in-out infinite}.splatter-2{top:60%;right:15%;width:25px;height:35px;background:radial-gradient(ellipse at 40% 60%,#8b0000 0,#dc143c 30%,transparent 60%);border-radius:60% 40% 30% 70%;opacity:.5;animation:splatter-fade 12s ease-in-out infinite;animation-delay:3s}@keyframes splatter-fade{0%,80%,to{opacity:.6}90%{opacity:.3}}.vampire-audio{position:fixed;bottom:20px;left:20px;z-index:50}.audio-control{background:rgba(139,0,0,.8);border:2px solid #dc143c;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px rgba(220,20,60,.5)}.audio-control:hover{background:rgba(220,20,60,.9);box-shadow:0 0 30px rgba(220,20,60,.8);transform:scale(1.1)}.audio-control.playing{animation:audio-pulse 2s ease-in-out infinite}@keyframes audio-pulse{0%,to{box-shadow:0 0 20px rgba(220,20,60,.5)}50%{box-shadow:0 0 40px rgba(220,20,60,.8),0 0 60px rgba(139,0,0,.4)}}.theme-vampire{background:linear-gradient(135deg,#0a0000,#1a0000 50%,#0a0000);color:beige}.theme-vampire .gothic-frame{border-color:#8b0000;background:linear-gradient(135deg,rgba(26,0,0,.95),rgba(10,0,0,.98)),radial-gradient(circle at top right,rgba(139,0,0,.1),transparent);box-shadow:0 0 50px #dc143c,inset 0 0 30px rgba(139,0,0,.4),0 0 100px rgba(220,20,60,.2)}.theme-vampire .blood-drip-line{background:linear-gradient(90deg,transparent,#8b0000,#dc143c,#b22222,#dc143c,#8b0000,transparent);box-shadow:0 0 15px #dc143c,0 2px 10px rgba(139,0,0,.8);height:6px}.theme-vampire .candle-realistic{filter:drop-shadow(0 0 20px #DC143C) drop-shadow(0 0 40px rgba(220,20,60,.6)) hue-rotate(320deg) brightness(1.2)}.ancient-book-container{max-width:1200px;padding:60px 20px}.bat{font-size:3rem;color:#8b0000;animation:bat-flight 15s linear infinite;filter:drop-shadow(0 0 15px #DC143C)}.book-candle{top:20px}.left-candle{left:-60px}.right-candle{right:-60px}@keyframes candle-flicker{0%,to{transform:scale(1) rotate(-1deg);filter:drop-shadow(0 0 25px rgba(255,165,0,1)) drop-shadow(0 0 40px rgba(255,140,0,.8)) brightness(1.3)}25%{transform:scale(1.15) rotate(1deg);filter:drop-shadow(0 0 35px rgba(255,165,0,1)) drop-shadow(0 0 50px rgba(255,140,0,1)) brightness(1.5)}50%{transform:scale(.9) rotate(-.5deg);filter:drop-shadow(0 0 20px rgba(255,165,0,.8)) drop-shadow(0 0 30px rgba(255,140,0,.6)) brightness(1.1)}75%{transform:scale(1.1) rotate(.5deg);filter:drop-shadow(0 0 30px rgba(255,165,0,1)) drop-shadow(0 0 45px rgba(255,140,0,.9)) brightness(1.4)}}.candle-light-left,.candle-light-right{top:-30px;width:350px;height:450px;background:radial-gradient(ellipse at center,rgba(255,165,0,.2) 0,rgba(255,140,0,.1) 40%,transparent 70%)}.candle-light-left{left:-175px;transform:rotate(-15deg)}.candle-light-right{right:-175px;transform:rotate(15deg)}.book-spine{width:20px;background:linear-gradient(180deg,#1a0f0a,#2f1b14 50%,#1a0f0a);border-right:2px solid #0f0f0f;box-shadow:inset -5px 0 15px rgba(0,0,0,.8)}.book-page{flex:1;background:linear-gradient(135deg,#e8dcc0,#d4c4a8 30%,#c8b99c 70%,#b8a082),radial-gradient(circle at 20% 80%,rgba(101,67,33,.3) 0,transparent 40%),radial-gradient(circle at 80% 20%,rgba(139,69,19,.2) 0,transparent 30%);margin:20px;border-radius:10px;position:relative;overflow:hidden;transition:transform .6s ease-in-out;box-shadow:0 10px 25px rgba(0,0,0,.4),inset 0 0 40px rgba(101,67,33,.3),inset 0 0 80px rgba(139,69,19,.1);border:1px solid rgba(101,67,33,.5)}.left-page{margin-right:10px;border-top-right-radius:0;border-bottom-right-radius:0}.right-page{margin-left:10px;border-top-left-radius:0;border-bottom-left-radius:0}.flipping-left{transform:rotateY(-180deg);transform-origin:right center}.flipping-right{transform:rotateY(180deg);transform-origin:left center}.page-content{padding:40px 30px;height:100%;position:relative;z-index:2}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:2px solid rgba(101,67,33,.4);padding-bottom:10px}.page-number{font-family:Cinzel,serif;font-size:1.2rem;color:#654321;font-weight:700}.page-ornament{font-size:1.5rem;color:#654321;animation:ornament-glow 4s ease-in-out infinite}@keyframes ornament-glow{0%,to{text-shadow:0 0 5px rgba(101,67,33,.5)}50%{text-shadow:0 0 15px rgba(101,67,33,.8)}}.page-text{font-family:Crimson Text,serif;font-size:1.1rem;line-height:1.8;color:#2f1b14;text-align:justify;min-height:400px}.page-footer{display:flex;justify-content:center;margin-top:30px;border-top:2px solid rgba(101,67,33,.4);padding-top:10px}.lesson-content{white-space:pre-wrap}.lesson-h1{font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;color:#2f1b14;margin:20px 0 15px;text-align:center;border-bottom:2px solid rgba(101,67,33,.3);padding-bottom:10px}.lesson-h2{font-size:1.4rem;margin:18px 0 12px}.lesson-h2,.lesson-h3{font-family:Cinzel,serif;font-weight:700;color:#654321}.lesson-h3{font-size:1.2rem;margin:15px 0 10px}.lesson-bold{font-weight:700;color:#2f1b14}.lesson-ul{margin:10px 0;padding-left:20px}.lesson-li{margin:5px 0;list-style-type:none;position:relative}.lesson-li:before{content:"❦";position:absolute;left:-15px;color:#654321}.lesson-p{margin:8px 0;line-height:1.6}.page-aging{background:radial-gradient(circle at 15% 25%,rgba(101,67,33,.4) 0,transparent 25%),radial-gradient(circle at 85% 75%,rgba(139,69,19,.3) 0,transparent 20%),radial-gradient(circle at 60% 10%,rgba(101,67,33,.2) 0,transparent 15%),radial-gradient(circle at 30% 90%,rgba(139,69,19,.25) 0,transparent 18%)}.page-aging,.page-stains{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.page-stains{background:radial-gradient(ellipse at 10% 80%,rgba(101,67,33,.6) 0,transparent 12%),radial-gradient(ellipse at 90% 20%,rgba(139,69,19,.4) 0,transparent 10%),radial-gradient(ellipse at 70% 60%,rgba(101,67,33,.3) 0,transparent 8%),radial-gradient(ellipse at 25% 40%,rgba(139,69,19,.35) 0,transparent 9%)}.theme-vampire .nav-button{font-family:Cinzel,serif;position:relative}.theme-vampire .nav-text{position:relative;display:inline-block}.theme-vampire .nav-text:after{content:"";position:absolute;bottom:-8px;left:20%;width:4px;height:0;background:linear-gradient(180deg,#8b0000,#dc143c,#4b0000);border-radius:0 0 50% 50%;animation:nav-blood-drip 3s ease-in-out infinite}@keyframes nav-blood-drip{0%,80%,to{height:0;opacity:1}85%{height:12px;opacity:1}95%{height:18px;opacity:.8}to{height:22px;opacity:0}}.theme-vampire .page-number{position:relative;color:#8b0000}.theme-vampire .page-number:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:3px;height:0;background:linear-gradient(180deg,#8b0000,#dc143c,#4b0000);border-radius:0 0 50% 50%;animation:page-number-drip 4s ease-in-out infinite}@keyframes page-number-drip{0%,75%,to{height:0;opacity:1}80%{height:10px;opacity:1}90%{height:15px;opacity:.8}to{height:20px;opacity:0}}.blood-drop{width:12px;height:18px;background:linear-gradient(180deg,#8b0000,#dc143c 30%,#8b0000 70%,#4b0000);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;animation:realistic-blood-drip 8s ease-in-out infinite;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8)) drop-shadow(0 0 12px #8B0000);transform-origin:center bottom}.blood-drop:before{top:-3px;left:3px;width:4px;height:4px;background:hsla(0,0%,100%,.3);filter:blur(.5px)}.blood-drop:after{bottom:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #4b0000}.book-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding:0 20px}.nav-button{gap:8px;padding:12px 20px;border:2px solid #654321;border-radius:25px;box-shadow:0 5px 15px rgba(0,0,0,.3)}.nav-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.4)}.nav-button:disabled{opacity:.5}.current-spread,.nav-icon{font-size:1.2rem}.current-spread{font-weight:700;display:block}.total-pages{font-size:.9rem}@media (max-width:768px){.ancient-book-container{padding:40px 10px}.ancient-book{flex-direction:column;min-height:auto}.book-spine{width:100%;height:10px}.left-page,.right-page{margin:10px;border-radius:10px}.book-candle{display:none}.page-content{padding:20px 15px}.page-text{font-size:1rem;min-height:300px}}.theme-vampire h1{position:relative;overflow:visible}.theme-vampire h1:after{left:20%;width:6px;background:linear-gradient(180deg,rgba(139,0,0,0),rgba(139,0,0,.8) 10%,#8b0000 20%,#dc143c 40%,#b22222 60%,#8b0000 80%,#4b0000);border-radius:0 0 60% 40%;box-shadow:0 2px 4px rgba(139,0,0,.8),inset -1px 0 2px rgba(0,0,0,.5),inset 1px 0 1px hsla(0,0%,100%,.2)}.theme-vampire h1:after,.theme-vampire h1:before{content:"";position:absolute;bottom:-2px;height:0;animation:realistic-title-blood 8s ease-in-out infinite}.theme-vampire h1:before{right:25%;width:4px;background:linear-gradient(180deg,rgba(139,0,0,0),rgba(139,0,0,.6) 15%,#8b0000 25%,#dc143c 45%,#8b0000 75%,#4b0000);border-radius:0 0 70% 30%;box-shadow:0 1px 3px rgba(139,0,0,.6),inset -1px 0 1px rgba(0,0,0,.4);animation-delay:3s}@keyframes realistic-title-blood{0%,60%,to{height:0;opacity:0}65%{height:8px;opacity:.8}75%{height:25px;opacity:1}85%{height:45px;opacity:.9}95%{height:60px;opacity:.6}to{height:70px;opacity:0}}.theme-vampire .glow-pulse{position:relative;overflow:visible}.theme-vampire .glow-pulse:after{content:"";position:absolute;bottom:-1px;left:35%;width:5px;height:0;background:linear-gradient(180deg,rgba(139,0,0,0),rgba(139,0,0,.7) 12%,#8b0000 25%,#dc143c 50%,#8b0000 80%,#4b0000);border-radius:0 0 65% 35%;box-shadow:0 2px 3px rgba(139,0,0,.7),inset -1px 0 1px rgba(0,0,0,.4),inset 1px 0 1px hsla(0,0%,100%,.15);animation:realistic-subtitle-blood 10s ease-in-out infinite;animation-delay:2s}.theme-vampire .glow-pulse:before{content:"";position:absolute;bottom:-1px;right:30%;width:3px;height:0;background:linear-gradient(180deg,rgba(139,0,0,0),#8b0000 30%,#dc143c 60%,#4b0000);border-radius:0 0 80% 20%;box-shadow:0 1px 2px rgba(139,0,0,.5);animation:realistic-subtitle-blood 10s ease-in-out infinite;animation-delay:6s}@keyframes realistic-subtitle-blood{0%,70%,to{height:0;opacity:0}75%{height:12px;opacity:.9}85%{height:30px;opacity:1}95%{height:45px;opacity:.7}to{height:50px;opacity:0}}.vampire-bats{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.bat{position:absolute;font-size:3.5rem;color:#2b0000;text-shadow:0 0 20px #8b0000;animation:realistic-bat-flight 18s linear infinite;filter:drop-shadow(0 0 15px #DC143C) drop-shadow(0 0 25px rgba(139,0,0,.5))}.bat:after{bottom:-8px;left:45%;width:3px;background:linear-gradient(180deg,rgba(139,0,0,0),rgba(139,0,0,.8) 20%,#8b0000 40%,#dc143c 60%,#8b0000 85%,#4b0000);border-radius:0 0 70% 30%;box-shadow:0 2px 4px rgba(139,0,0,.8),inset -1px 0 1px rgba(0,0,0,.6)}.bat:after,.bat:before{content:"";position:absolute;height:0;animation:bat-blood-trail 3s ease-in infinite}.bat:before{bottom:-5px;right:40%;width:2px;background:linear-gradient(180deg,rgba(139,0,0,0),#8b0000 50%,#4b0000);border-radius:0 0 60% 40%;animation-delay:1s}@keyframes realistic-bat-flight{0%{transform:translateX(-150px) translateY(0) rotate(-5deg);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translateX(calc(100vw + 150px)) translateY(-40px) rotate(8deg);opacity:0}}@keyframes bat-blood-trail{0%{height:0;opacity:1}25%{height:15px;opacity:1}50%{height:25px;opacity:.9}75%{height:35px;opacity:.7}to{height:45px;opacity:0}}.blood-drop{position:absolute;width:8px;height:14px;background:radial-gradient(ellipse 60% 40% at 35% 25%,hsla(0,100%,70%,.4) 0,transparent 50%),radial-gradient(ellipse 80% 60% at 40% 30%,hsla(0,100%,79%,.2) 0,transparent 60%),linear-gradient(165deg,#4a0000,#8b0000 15%,#dc143c 35%,#b22222 55%,#8b0000 75%,#4a0000 90%,#2b0000);border-radius:45% 55% 60% 40%/60% 65% 35% 40%;transform:rotate(-2deg);box-shadow:inset -2px 1px 3px rgba(0,0,0,.7),inset 1px -1px 2px hsla(0,0%,100%,.1),0 3px 6px rgba(0,0,0,.8),0 0 12px rgba(139,0,0,.4);animation:natural-blood-fall 8s ease-in infinite}.blood-drop:before{top:1px;left:2px;height:3px;background:hsla(0,100%,89%,.6);border-radius:50%;filter:blur(.3px)}.blood-drop:after,.blood-drop:before{content:"";position:absolute;width:2px}.blood-drop:after{bottom:-2px;left:3px;height:4px;background:linear-gradient(180deg,#8b0000,#4a0000 60%,#2b0000);border-radius:40% 60% 80% 20%/30% 40% 60% 70%;transform:rotate(5deg)}@keyframes natural-blood-fall{0%{transform:translateY(0) rotate(-2deg) scaleY(1);opacity:1}15%{transform:translateY(20px) rotate(-1deg) scaleY(1.1);opacity:1}30%{transform:translateY(50px) rotate(0deg) scaleY(1.3);opacity:.95}50%{transform:translateY(90px) rotate(1deg) scaleY(1.8);opacity:.9}70%{transform:translateY(140px) rotate(2deg) scaleY(2.4);opacity:.7}85%{transform:translateY(200px) rotate(3deg) scaleY(3.2);opacity:.4}to{transform:translateY(280px) rotate(4deg) scaleY(4.5);opacity:0}}.blood-moon{position:fixed;top:8%;right:12%;width:280px;height:280px;background:radial-gradient(circle at 35% 25%,#4a0000 0,#2b0000 20%,#1a0000 40%,#0f0000 60%,transparent 80%),radial-gradient(circle at 65% 75%,rgba(75,0,0,.6) 0,transparent 40%),radial-gradient(circle at 20% 80%,rgba(139,0,0,.3) 0,transparent 30%);border-radius:50%;opacity:.9;animation:creepy-blood-moon-pulse 15s ease-in-out infinite;box-shadow:0 0 80px rgba(75,0,0,.8),0 0 150px rgba(42,0,0,.6),0 0 250px rgba(26,0,0,.4),inset -30px -30px 60px rgba(0,0,0,.8),inset 20px 20px 40px rgba(75,0,0,.2);z-index:1;pointer-events:none}.blood-moon:before{content:"";position:absolute;top:-60px;left:-60px;right:-60px;bottom:-60px;background:radial-gradient(circle,rgba(75,0,0,.15) 0,rgba(42,0,0,.08) 50%,transparent 80%);border-radius:50%;animation:creepy-moon-halo 12s ease-in-out infinite reverse}@keyframes creepy-blood-moon-pulse{0%,to{transform:scale(1);box-shadow:0 0 80px rgba(75,0,0,.8),0 0 150px rgba(42,0,0,.6),0 0 250px rgba(26,0,0,.4)}33%{transform:scale(1.02);box-shadow:0 0 90px rgba(75,0,0,.9),0 0 170px rgba(42,0,0,.7),0 0 280px rgba(26,0,0,.5)}66%{transform:scale(.98);box-shadow:0 0 70px rgba(75,0,0,.7),0 0 130px rgba(42,0,0,.5),0 0 220px rgba(26,0,0,.3)}}@keyframes creepy-moon-halo{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.25;transform:scale(1.05)}}.ancient-book-container>*{opacity:.9}.book-candle{position:absolute;top:0;z-index:15;opacity:1!important;height:100vh;display:flex;flex-direction:column;align-items:center}.left-candle{left:-40px}.right-candle{right:-40px}.candle-flame{font-size:4rem;animation:candle-flicker 2s ease-in-out infinite;filter:drop-shadow(0 0 25px rgba(255,165,0,1)) drop-shadow(0 0 40px rgba(255,140,0,.8)) brightness(1.3) contrast(1.2);margin-bottom:20px}.candle-flame:after{content:"🕯️";position:absolute;top:80px;left:0;font-size:3.5rem;animation:candle-flicker 2.5s ease-in-out infinite;animation-delay:.5s}.candle-flame:before{content:"🕯️";position:absolute;top:160px;left:0;font-size:3rem;animation:candle-flicker 3s ease-in-out infinite;animation-delay:1s}.candle-light-left,.candle-light-right{position:absolute;top:0;width:400px;height:100vh;background:radial-gradient(ellipse at center top,rgba(255,165,0,.15) 0,rgba(255,140,0,.08) 30%,transparent 60%),radial-gradient(ellipse at center 200px,rgba(255,165,0,.1) 0,transparent 50%),radial-gradient(ellipse at center 400px,rgba(255,165,0,.05) 0,transparent 40%);animation:light-flicker 3s ease-in-out infinite;pointer-events:none;opacity:1!important}.candle-light-left{left:-200px;transform:rotate(-8deg)}.candle-light-right{right:-200px;transform:rotate(8deg)}.ancient-book-container{position:relative;max-width:900px;margin:0 auto;padding:60px 80px}.ancient-book{display:flex;background:linear-gradient(135deg,#2f1b14,#4a2c17 50%,#2f1b14);border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.8),inset 0 0 30px rgba(0,0,0,.5);min-height:600px;overflow:hidden}.ancient-book,.ancient-scroll-container{position:relative;max-width:800px;margin:0 auto}.ancient-scroll-container{padding:60px 20px;opacity:.9}.large-candle{position:absolute;top:0;bottom:0;z-index:15;width:100px;display:flex;justify-content:center;align-items:center}.left-candle{left:-120px}.right-candle{right:-120px}.candle-body{writing-mode:vertical-rl;text-orientation:upright;font-size:4rem;line-height:.8;letter-spacing:-.5rem;animation:large-candle-flicker 3s ease-in-out infinite;filter:drop-shadow(0 0 40px rgba(255,165,0,1)) drop-shadow(0 0 80px rgba(255,140,0,.8)) brightness(1.4) contrast(1.3)}.right-candle .candle-body{animation-delay:1.5s}@keyframes large-candle-flicker{0%,to{transform:scale(1) rotate(-2deg);filter:drop-shadow(0 0 40px rgba(255,165,0,1)) drop-shadow(0 0 80px rgba(255,140,0,.8)) brightness(1.4)}25%{transform:scale(1.1) rotate(1deg);filter:drop-shadow(0 0 50px rgba(255,165,0,1)) drop-shadow(0 0 100px rgba(255,140,0,1)) brightness(1.6)}50%{transform:scale(.95) rotate(-1deg);filter:drop-shadow(0 0 35px rgba(255,165,0,.9)) drop-shadow(0 0 70px rgba(255,140,0,.7)) brightness(1.2)}75%{transform:scale(1.05) rotate(.5deg);filter:drop-shadow(0 0 45px rgba(255,165,0,1)) drop-shadow(0 0 90px rgba(255,140,0,.9)) brightness(1.5)}}.left-candle .candle-light{left:-100px;background:radial-gradient(ellipse at right center,rgba(255,165,0,.2) 0,rgba(255,140,0,.1) 40%,transparent 70%),radial-gradient(ellipse at right 200px,rgba(255,165,0,.15) 0,transparent 60%);transform:rotate(5deg)}.left-candle .candle-light,.right-candle .candle-light{position:absolute;top:0;width:300px;height:100%;animation:large-light-flicker 4s ease-in-out infinite;pointer-events:none}.right-candle .candle-light{right:-100px;background:radial-gradient(ellipse at left center,rgba(255,165,0,.2) 0,rgba(255,140,0,.1) 40%,transparent 70%),radial-gradient(ellipse at left 200px,rgba(255,165,0,.15) 0,transparent 60%);animation-delay:2s;transform:rotate(-5deg)}@keyframes large-light-flicker{0%,to{opacity:.6;transform:rotate(5deg) scale(1)}50%{opacity:.8;transform:rotate(3deg) scale(1.05)}}.ancient-scroll{position:relative;background:linear-gradient(135deg,#e8dcc0,#d4c4a8 30%,#c8b99c 70%,#b8a082),radial-gradient(circle at 20% 80%,rgba(101,67,33,.4) 0,transparent 40%),radial-gradient(circle at 80% 20%,rgba(139,69,19,.3) 0,transparent 30%);border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,.6),inset 0 0 50px rgba(101,67,33,.3),inset 0 0 100px rgba(139,69,19,.1);border:2px solid rgba(101,67,33,.6);min-height:700px;overflow:hidden;transition:all .6s ease-in-out}.scroll-rod{position:absolute;left:0;right:0;height:20px;background:linear-gradient(90deg,#654321,#8b4513 50%,#654321);box-shadow:0 3px 6px rgba(0,0,0,.5),inset 0 2px 4px rgba(139,69,19,.3);border-radius:10px}.top-rod{top:-10px}.bottom-rod{bottom:-10px}.scroll-content{padding:60px 50px;position:relative;z-index:2}.scroll-footer,.scroll-header{text-align:center;margin:30px 0;border-bottom:3px solid rgba(101,67,33,.4);padding-bottom:15px}.scroll-footer{border-bottom:none;border-top:3px solid rgba(101,67,33,.4);padding-top:15px;padding-bottom:0}.scroll-ornament{font-family:Cinzel,serif;font-size:1.3rem;color:#654321;font-weight:700;animation:ornament-glow 5s ease-in-out infinite}.scroll-text{font-family:Crimson Text,serif;font-size:1.1rem;line-height:1.8;color:#2f1b14;min-height:500px}.changing-next{animation:scroll-roll-out-right .6s ease-in-out}.changing-prev{animation:scroll-roll-out-left .6s ease-in-out}@keyframes scroll-roll-out-right{0%{transform:rotateY(0deg) scale(1);opacity:1}50%{transform:rotateY(90deg) scale(.8);opacity:.5}to{transform:rotateY(180deg) scale(.6);opacity:0}}@keyframes scroll-roll-out-left{0%{transform:rotateY(0deg) scale(1);opacity:1}50%{transform:rotateY(-90deg) scale(.8);opacity:.5}to{transform:rotateY(-180deg) scale(.6);opacity:0}}.scroll-aging{background:radial-gradient(circle at 15% 25%,rgba(101,67,33,.5) 0,transparent 25%),radial-gradient(circle at 85% 75%,rgba(139,69,19,.4) 0,transparent 20%),radial-gradient(circle at 60% 10%,rgba(101,67,33,.3) 0,transparent 15%),radial-gradient(circle at 30% 90%,rgba(139,69,19,.35) 0,transparent 18%)}.scroll-aging,.scroll-stains{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border-radius:20px}.scroll-stains{background:radial-gradient(ellipse at 10% 80%,rgba(101,67,33,.7) 0,transparent 12%),radial-gradient(ellipse at 90% 20%,rgba(139,69,19,.5) 0,transparent 10%),radial-gradient(ellipse at 70% 60%,rgba(101,67,33,.4) 0,transparent 8%),radial-gradient(ellipse at 25% 40%,rgba(139,69,19,.45) 0,transparent 9%)}.scroll-navigation{justify-content:space-between;margin-top:40px;padding:0 20px}.nav-button,.scroll-navigation{display:flex;align-items:center}.nav-button{gap:10px;padding:15px 25px;background:rgba(101,67,33,.8);border:3px solid #654321;border-radius:30px;color:beige;font-family:Cinzel,serif;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 18px rgba(0,0,0,.4)}.nav-button:hover:not(:disabled){background:#654321;transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.5)}.nav-button:disabled{opacity:.4;cursor:not-allowed}.nav-icon{font-size:1.4rem}.page-indicator{text-align:center;font-family:Cinzel,serif;color:#654321}.current-page{font-size:1.4rem;font-weight:700;display:block}.total-pages{font-size:1rem;opacity:.8}@media (max-width:768px){.ancient-scroll-container{padding:40px 10px}.large-candle{left:-60px}.candle-body{font-size:6rem}.scroll-content{padding:40px 25px}.scroll-text{font-size:1rem;min-height:400px}}.syllabus-units{space-y:20px}.unit-section{margin-bottom:20px;border:2px solid rgba(101,67,33,.4);border-radius:10px;overflow:hidden}.unit-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:rgba(101,67,33,.2);border:none;cursor:pointer;transition:all .3s ease;font-family:Cinzel,serif;color:#654321;font-weight:700}.unit-header:hover{background:rgba(101,67,33,.3);transform:translateY(-1px)}.unit-icon{font-size:1.5rem;margin-right:10px}.unit-title{flex:1;text-align:left;font-size:1.2rem}.expand-icon{font-size:1rem;transition:transform .3s ease}.topics-list{padding:10px;background:hsla(27,24%,78%,.1)}.topic-item{width:100%;display:flex;align-items:center;padding:12px 15px;margin:5px 0;background:transparent;border:1px solid rgba(101,67,33,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:Crimson Text,serif;color:#2f1b14}.topic-item:hover{background:rgba(101,67,33,.2);border-color:rgba(101,67,33,.6);transform:translateX(5px)}.topic-bullet{color:#654321;margin-right:10px;font-size:1.1rem}.topic-text{flex:1;text-align:left}.topic-options-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:100;animation:fade-in .3s ease}.topic-options-modal{max-width:500px;width:90%;animation:slide-up .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.option-button{width:100%;display:flex;align-items:center;padding:15px 20px;background:rgba(101,67,33,.8);border:2px solid #654321;border-radius:10px;color:beige;font-family:Cinzel,serif;font-weight:700;cursor:pointer;transition:all .3s ease}.option-button:hover{background:#654321;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.option-icon{font-size:1.5rem;margin-right:15px}.option-text{font-size:1.1rem}.close-button{width:100%;padding:10px;background:rgba(139,0,0,.8);border:2px solid #8b0000;border-radius:8px;color:beige;font-family:Cinzel,serif;cursor:pointer;transition:all .3s ease}.close-button:hover{background:#8b0000}.theme-witch{background:radial-gradient(circle at 20% 80%,rgba(75,0,130,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(25,25,112,.2) 0,transparent 50%),linear-gradient(135deg,#1a1a2e,#16213e 30%,#0f3460 70%,#533483)}.witch-trees{position:fixed;bottom:0;left:0;right:0;height:100vh;pointer-events:none;z-index:1}.twisted-tree{position:absolute;bottom:0;width:100px;height:500px}.twisted-tree:before{bottom:0;width:25px;height:350px;background:linear-gradient(180deg,#ff8c00,coral 20%,#d2691e 50%,peru 80%,sienna);border-radius:12px 12px 0 0;animation:tree-sway 12s ease-in-out infinite;box-shadow:inset -8px 0 15px rgba(0,0,0,.8),0 0 10px hsla(0,0%,100%,.8),0 0 30px rgba(255,140,0,.8),0 0 60px rgba(138,43,226,.6);clip-path:polygon(30% 0,70% 0,85% 15%,75% 35%,95% 55%,65% 75%,85% 100%,15% 100%,35% 75%,5% 55%,25% 35%,15% 15%);border:3px solid hsla(0,0%,100%,.6)}.twisted-tree:after,.twisted-tree:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}.twisted-tree:after{top:0;width:150px;height:120px;background:radial-gradient(ellipse at center,rgba(47,47,47,.95) 0,rgba(28,28,28,.8) 40%,transparent 75%);border-radius:70% 30% 80% 20%;animation:tree-leaves-rustle 10s ease-in-out infinite;clip-path:polygon(15% 0,85% 0,100% 20%,90% 45%,100% 70%,75% 85%,50% 100%,25% 85%,0 70%,10% 45%,0 20%);box-shadow:0 0 25px rgba(138,43,226,.4)}.tree-1{left:2%;animation-delay:0s;transform:scale(1.3) rotate(-8deg)}.tree-2{left:10%;transform:scale(1) rotate(12deg);animation-delay:4s}.tree-3{right:6%;transform:scale(1.5) rotate(-15deg);animation-delay:8s}.tree-4{right:18%;transform:scale(.9) rotate(18deg);animation-delay:2s}@keyframes tree-sway{0%,to{transform:translateX(-50%) rotate(-8deg) scale(1)}25%{transform:translateX(-50%) rotate(5deg) scale(1.02)}50%{transform:translateX(-50%) rotate(-3deg) scale(.98)}75%{transform:translateX(-50%) rotate(6deg) scale(1.01)}}@keyframes tree-leaves-rustle{0%,to{transform:translateX(-50%) scale(1) rotate(-5deg)}33%{transform:translateX(-50%) scale(1.2) rotate(3deg)}66%{transform:translateX(-50%) scale(.9) rotate(-2deg)}}.witch-bats{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.witch-bat{position:absolute;width:60px;height:30px;animation:witch-bat-flight 25s linear infinite}.witch-bat:before{width:15px;height:20px;border-radius:60% 60% 0 0;border:2px solid hsla(0,0%,100%,.4);box-shadow:0 0 25px orchid,0 0 50px rgba(147,112,219,.8),inset 0 0 10px hsla(0,0%,100%,.2)}.witch-bat:after,.witch-bat:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:orchid}.witch-bat:after{width:70px;height:6px;border-radius:50%;border:1px solid hsla(0,0%,100%,.3);box-shadow:-30px -12px 0 -4px orchid,30px -12px 0 -4px orchid,-35px -8px 0 -5px #ba55d3,35px -8px 0 -5px #ba55d3,0 0 35px orchid,0 0 70px rgba(147,112,219,.8),0 0 105px rgba(75,0,130,.6);animation:bat-wing-flap .8s ease-in-out infinite}.witch-bat-1{top:12%;animation-delay:0s}.witch-bat-2{top:30%;animation-delay:8s}.witch-bat-3{top:50%;animation-delay:16s}@keyframes witch-bat-flight{0%{transform:translateX(-120px) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(calc(100vw + 120px)) translateY(50px);opacity:0}}@keyframes bat-wing-flap{0%,to{transform:translate(-50%,-50%) scaleY(1) scaleX(1)}50%{transform:translate(-50%,-50%) scaleY(.5) scaleX(1.2)}}.witch-cats{position:fixed;bottom:0;left:0;right:0;height:200px;pointer-events:none;z-index:5}.black-cat{position:absolute;bottom:30px;width:70px;height:35px;animation:cat-prowl 35s linear infinite}.black-cat:before{content:"";position:absolute;left:15px;bottom:0;width:45px;height:25px;background:linear-gradient(135deg,#1c1c1c,#0f0f0f 50%,#000);border-radius:60% 60% 40% 40%;box-shadow:0 3px 10px rgba(0,0,0,.8),inset 0 -3px 6px rgba(28,28,28,.4),0 0 20px rgba(138,43,226,.4)}.black-cat:after{content:"";position:absolute;left:8px;bottom:20px;width:25px;height:18px;background:radial-gradient(circle at 40% 40%,#1c1c1c 0,#0f0f0f 70%,#000 100%);border-radius:60% 50% 70% 60%;box-shadow:30px 0 0 -8px #1c1c1c,0 0 18px rgba(138,43,226,.4)}.cat-1{animation-delay:0s}.cat-2{animation-delay:17s}@keyframes cat-prowl{0%{transform:translateX(-120px);opacity:0}5%{opacity:1}25%{transform:translateX(350px)}30%{transform:translateX(350px) scaleX(-1)}50%{transform:translateX(150px) scaleX(-1)}55%{transform:translateX(150px) scaleX(1)}75%{transform:translateX(550px) scaleX(1)}95%{opacity:1}to{transform:translateX(calc(100vw + 120px));opacity:0}}.witch-moon{top:8%;right:12%;width:180px;height:180px;background:radial-gradient(circle at 35% 25%,#e6e6fa 0,#d8bfd8 20%,#9370db 50%,indigo 80%,#2e0054 100%);opacity:.9;animation:witch-moon-glow 10s ease-in-out infinite;box-shadow:0 0 60px rgba(147,112,219,.8),0 0 120px rgba(138,43,226,.6),inset -25px -25px 50px rgba(75,0,130,.6),inset 15px 15px 30px rgba(230,230,250,.1)}.witch-moon:before{top:20px;left:30px;width:15px;height:15px;background:rgba(75,0,130,.4);box-shadow:30px 20px 0 -3px rgba(75,0,130,.3),-10px 40px 0 -5px rgba(75,0,130,.2)}.magic-particle{width:8px;height:8px;background:radial-gradient(circle,#9370db 0,rgba(138,43,226,.8) 40%,transparent 70%);animation:float-particle 12s linear infinite;box-shadow:0 0 15px rgba(147,112,219,.8),0 0 25px rgba(138,43,226,.4)}.particle-1{left:10%}.particle-2{left:30%;animation-delay:3s}.particle-3{left:50%;animation-delay:6s}.particle-4{left:70%;animation-delay:9s}.particle-5{left:90%}.witch-moon{position:fixed;top:6%;right:10%;width:220px;height:220px;background:radial-gradient(circle at 35% 25%,#e6e6fa 0,plum 15%,#9370db 40%,indigo 70%,#2e0054 90%,#1a0033 100%);border-radius:50%;opacity:.95;animation:witch-moon-glow 12s ease-in-out infinite;box-shadow:0 0 80px #9370db,0 0 160px rgba(138,43,226,.8),0 0 240px rgba(75,0,130,.6),inset -30px -30px 60px rgba(46,0,84,.7),inset 20px 20px 40px rgba(230,230,250,.15);z-index:1;pointer-events:none}.witch-moon:before{content:"";position:absolute;top:25px;left:35px;width:18px;height:18px;background:rgba(46,0,84,.5);border-radius:50%;box-shadow:35px 25px 0 -4px rgba(46,0,84,.4),-12px 45px 0 -6px rgba(46,0,84,.3),50px 50px 0 -8px rgba(46,0,84,.2)}.theme-witch .large-candle .candle-body{color:#8a2be2;filter:drop-shadow(0 0 50px rgba(138,43,226,1.2)) drop-shadow(0 0 100px rgba(147,112,219,1)) brightness(1.6) contrast(1.4)}.theme-witch .candle-light{background:radial-gradient(ellipse at center top,rgba(138,43,226,.3) 0,rgba(147,112,219,.2) 30%,transparent 60%),radial-gradient(ellipse at center 200px,rgba(138,43,226,.2) 0,transparent 50%)}.witch-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.magic-particle{position:absolute;width:12px;height:12px;background:radial-gradient(circle,#9370db 0,rgba(138,43,226,.9) 30%,rgba(75,0,130,.6) 60%,transparent 80%);border-radius:50%;animation:float-particle 15s linear infinite;box-shadow:0 0 20px #9370db,0 0 40px rgba(138,43,226,.6),0 0 60px rgba(75,0,130,.4)}.particle-1{left:8%;animation-delay:0s}.particle-2{left:25%;animation-delay:4s}.particle-3{left:45%;animation-delay:8s}.particle-4{left:65%;animation-delay:12s}.particle-5{left:85%;animation-delay:2s}.particle-6{left:15%;animation-delay:6s}.particle-7{left:75%;animation-delay:10s}@keyframes float-particle{0%{transform:translateY(100vh) scale(0) rotate(0deg);opacity:0}10%{opacity:1;transform:translateY(90vh) scale(1) rotate(45deg)}90%{opacity:1;transform:translateY(5vh) scale(1.2) rotate(315deg)}to{transform:translateY(-10vh) scale(0) rotate(1turn);opacity:0}}:root{--color-primary:#8b0000;--color-secondary:#dc143c;--color-accent:#b22222;--color-background:#0a0000;--color-surface:#1a0000;--color-text:beige;--color-text-secondary:#cd5c5c;--color-border:#8b0000;--color-glow:#dc143c}.theme-witch{--color-primary:indigo;--color-secondary:#8a2be2;--color-accent:#9932cc;--color-background:#1a1a2e;--color-surface:#16213e;--color-text:#e6e6fa;--color-text-secondary:plum;--color-border:indigo;--color-glow:#8a2be2;background:radial-gradient(circle at 20% 80%,rgba(75,0,130,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(25,25,112,.2) 0,transparent 50%),linear-gradient(135deg,var(--color-background) 0,var(--color-surface) 30%,#0f3460 70%,#533483 100%);color:var(--color-text)}.theme-witch .witch-bats,.theme-witch .witch-brooms,.theme-witch .witch-cats,.theme-witch .witch-moon,.theme-witch .witch-particles,.theme-witch .witch-trees{display:block!important;visibility:visible!important;opacity:1!important}.theme-witch .twisted-tree:before{background:linear-gradient(180deg,#ff8c00,coral 20%,#d2691e 50%,peru 80%,sienna)!important;box-shadow:inset -8px 0 15px rgba(0,0,0,.8),0 0 15px #fff,0 0 30px #ff8c00,0 0 60px var(--color-glow)!important;border:4px solid hsla(0,0%,100%,.8)!important}.theme-witch .witch-bat:before{background:orchid!important;box-shadow:0 0 25px orchid,0 0 50px var(--color-glow)!important;border:3px solid hsla(0,0%,100%,.6)!important}.theme-witch .witch-bat:after{background:orchid!important;box-shadow:-30px -12px 0 -4px orchid,30px -12px 0 -4px orchid,-35px -8px 0 -5px #ba55d3,35px -8px 0 -5px #ba55d3,0 0 35px orchid,0 0 70px var(--color-glow)!important}.theme-witch .twisted-tree{width:120px!important;height:600px!important}.theme-witch .twisted-tree:before{width:35px!important;height:400px!important;background:linear-gradient(180deg,#8b4513,#654321 30%,#3e2723 70%,#2f1b14)!important;border-radius:20px 20px 0 0!important;animation:tree-sway 15s ease-in-out infinite!important;box-shadow:inset -10px 0 20px rgba(0,0,0,.9),0 0 20px rgba(138,43,226,.8),0 0 5px hsla(0,0%,100%,.3)!important;clip-path:polygon(45% 0,55% 0,60% 10%,50% 20%,65% 30%,45% 40%,70% 50%,40% 60%,60% 70%,50% 80%,55% 90%,45% 100%,55% 100%)!important;border:2px solid rgba(139,69,19,.6)!important}.theme-witch .twisted-tree:after{top:-20px!important;width:200px!important;height:150px!important;background:radial-gradient(ellipse at center,rgba(34,139,34,.9) 0,rgba(0,100,0,.7) 30%,rgba(0,80,0,.5) 60%,transparent 80%)!important;border-radius:60% 40% 70% 30%!important;animation:tree-leaves-rustle 12s ease-in-out infinite!important;clip-path:polygon(20% 0,80% 0,95% 15%,85% 35%,100% 50%,75% 65%,90% 85%,60% 95%,40% 90%,10% 80%,5% 60%,25% 45%,0 25%,15% 10%)!important;box-shadow:0 0 30px rgba(138,43,226,.6),inset 0 0 20px rgba(0,100,0,.3)!important}.theme-witch .tree-1{left:1%!important;transform:scale(1.4) rotate(-12deg)!important}.theme-witch .tree-2{left:8%!important;transform:scale(.8) rotate(18deg)!important}.theme-witch .tree-3{right:3%!important;transform:scale(1.6) rotate(-20deg)!important}.theme-witch .tree-4{right:15%!important;transform:scale(1.1) rotate(25deg)!important}.theme-witch .witch-bat{width:100px!important;height:50px!important;animation:witch-bat-flight 30s linear infinite!important}.theme-witch .witch-bat:before{width:20px!important;height:25px!important;background:linear-gradient(180deg,#9370db,#8a2be2 50%,indigo)!important;border-radius:70% 70% 30% 30%!important;box-shadow:0 0 30px #9370db,0 0 60px rgba(138,43,226,.8),inset 0 0 10px hsla(0,0%,100%,.2)!important;border:2px solid hsla(0,0%,100%,.4)!important}.theme-witch .witch-bat:after{width:100px!important;height:8px!important;background:linear-gradient(90deg,transparent,#9370db 20%,#8a2be2 50%,#9370db 80%,transparent)!important;box-shadow:-40px -15px 0 -6px #9370db,40px -15px 0 -6px #9370db,-50px -10px 0 -8px #8a2be2,50px -10px 0 -8px #8a2be2,-45px -20px 0 -10px indigo,45px -20px 0 -10px indigo,0 0 40px #9370db,0 0 80px rgba(138,43,226,.8)!important;animation:bat-wing-flap 1.2s ease-in-out infinite!important;border:1px solid hsla(0,0%,100%,.3)!important}.theme-witch .witch-moon{top:5%!important;right:8%!important;width:280px!important;height:280px!important;background:radial-gradient(circle at 35% 25%,#e6e6fa 0,plum 10%,#9370db 30%,#8a2be2 50%,indigo 70%,#2e0054 85%,#1a0033 100%)!important;animation:witch-moon-glow 15s ease-in-out infinite!important;box-shadow:0 0 100px #9370db,0 0 200px #8a2be2,0 0 300px rgba(75,0,130,.8),inset -40px -40px 80px rgba(46,0,84,.8),inset 25px 25px 50px rgba(230,230,250,.2)!important;border:3px solid rgba(147,112,219,.6)!important}.theme-witch .witch-moon:before{content:"";position:absolute;top:30px;left:40px;width:25px;height:25px;background:rgba(46,0,84,.6);border-radius:50%;box-shadow:45px 30px 0 -5px rgba(46,0,84,.5),-15px 55px 0 -8px rgba(46,0,84,.4),65px 65px 0 -10px rgba(46,0,84,.3),20px 80px 0 -6px rgba(46,0,84,.4)}@keyframes witch-moon-glow{0%,to{transform:scale(1);box-shadow:0 0 100px #9370db,0 0 200px #8a2be2,0 0 300px rgba(75,0,130,.8)}50%{transform:scale(1.08);box-shadow:0 0 130px #9370db,0 0 260px #8a2be2,0 0 400px indigo}}.crawling-spiders{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.spider{position:absolute;font-size:3rem;color:#2b0000;filter:drop-shadow(0 0 15px rgba(220,20,60,.8))}.spider-1{left:5%;animation:spider-crawl-vertical 20s linear infinite;animation-delay:0s}.spider-2{right:8%;animation:spider-crawl-vertical 25s linear infinite reverse;animation-delay:5s}.spider-3{left:15%;animation:spider-crawl-vertical 18s linear infinite;animation-delay:10s}.spider-4{right:20%;animation:spider-crawl-vertical 22s linear infinite reverse;animation-delay:3s}@keyframes spider-crawl-vertical{0%{transform:translateY(-100px) rotate(0deg);opacity:0}5%{opacity:1}25%{transform:translateY(25vh) rotate(90deg)}50%{transform:translateY(50vh) rotate(180deg)}75%{transform:translateY(75vh) rotate(270deg)}95%{opacity:1}to{transform:translateY(calc(100vh + 100px)) rotate(1turn);opacity:0}}body{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><circle cx="10" cy="10" r="8" fill="%23DC143C" opacity="0.8"/><circle cx="10" cy="10" r="4" fill="%23B22222"/></svg>') 10 10,auto}.blood-trail{position:fixed;width:8px;height:8px;background:radial-gradient(circle,#dc143c 0,#8b0000 70%,transparent 100%);border-radius:50%;pointer-events:none;z-index:9999;animation:blood-fade 2s ease-out forwards}@keyframes blood-fade{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(.3)}}.screen-crack{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;background:linear-gradient(45deg,transparent 48%,hsla(0,0%,100%,.3) 49%,hsla(0,0%,100%,.3) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,hsla(0,0%,100%,.2) 49%,hsla(0,0%,100%,.2) 51%,transparent 52%);opacity:0;animation:crack-flash .3s ease-out}@keyframes crack-flash{0%{opacity:0}50%{opacity:1}to{opacity:0}}.rolling-fog{position:fixed;bottom:0;left:0;width:200%;height:150px;background:radial-gradient(ellipse at center bottom,hsla(0,0%,50%,.4) 0,transparent 70%),radial-gradient(ellipse at 30% bottom,hsla(0,0%,41%,.3) 0,transparent 60%),radial-gradient(ellipse at 70% bottom,rgba(119,136,153,.3) 0,transparent 60%);animation:fog-roll 20s linear infinite;pointer-events:none;z-index:2}@keyframes fog-roll{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.lightning-flash{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.9);opacity:0;pointer-events:none;z-index:9997}.lightning-active{animation:lightning-strike .4s ease-out}@keyframes lightning-strike{0%{opacity:0}10%{opacity:.9}20%{opacity:0}30%{opacity:.7}40%{opacity:0}to{opacity:0}}.moving-shadows{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.shadow{position:absolute;width:100px;height:200px;background:linear-gradient(45deg,transparent,rgba(0,0,0,.3) 50%,transparent);animation:shadow-move 15s linear infinite}.shadow-1{left:-100px;animation-delay:0s}.shadow-2{left:-100px;animation-delay:5s}.shadow-3{left:-100px;animation-delay:10s}@keyframes shadow-move{0%{transform:translateX(0) skewX(-20deg);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateX(calc(100vw + 100px)) skewX(-20deg);opacity:0}}.terminal-text{font-family:Courier New,monospace;color:#0f0;background:rgba(0,0,0,.8);padding:10px;border:1px solid #0f0;text-shadow:0 0 10px #0f0;animation:terminal-flicker 2s infinite}@keyframes terminal-flicker{0%,to{opacity:1}50%{opacity:.8}}.glitch-text{position:relative;animation:glitch-shake .3s ease-in-out infinite}.glitch-text:after,.glitch-text:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{animation:glitch-1 .5s infinite;color:red;z-index:-1}.glitch-text:after{animation:glitch-2 .5s infinite;color:#0ff;z-index:-2}@keyframes glitch-shake{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(-2px,2px)}}.bleeding-text{position:relative;animation:text-bleed 3s ease-in-out infinite}.bleeding-text:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:10px;background:linear-gradient(180deg,rgba(220,20,60,.8) 0,transparent);animation:blood-drip 2s ease-in-out infinite}@keyframes text-bleed{0%,to{color:inherit}50%{color:#dc143c;text-shadow:0 0 10px #dc143c}}@keyframes blood-drip{0%{height:0;opacity:0}50%{height:15px;opacity:1}to{height:0;opacity:0}}.phantom-notification{position:fixed;top:20px;right:20px;background:rgba(220,20,60,.9);color:#fff;padding:15px 20px;border-radius:5px;box-shadow:0 4px 15px rgba(0,0,0,.3);z-index:9999;animation:phantom-appear 4s ease-in-out forwards}@keyframes phantom-appear{0%{opacity:0;transform:translateX(100%)}20%{opacity:1;transform:translateX(0)}80%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.flickering-light{position:fixed;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,0,.3) 0,transparent 70%);border-radius:50%;pointer-events:none;z-index:2;animation:light-flicker .1s infinite}@keyframes light-flicker{0%,to{opacity:.8}50%{opacity:.3}}.jump-scare{animation:jump-shake .5s ease-in-out}@keyframes jump-shake{0%,to{transform:translate(0) rotate(0deg)}10%{transform:translate(-2px,-2px) rotate(-1deg)}20%{transform:translate(2px,-2px) rotate(1deg)}30%{transform:translate(-2px,2px) rotate(0deg)}40%{transform:translate(2px,2px) rotate(1deg)}50%{transform:translate(-2px,-2px) rotate(-1deg)}60%{transform:translate(2px,-2px) rotate(0deg)}70%{transform:translate(-2px,2px) rotate(-1deg)}80%{transform:translate(2px,2px) rotate(1deg)}90%{transform:translate(-2px,-2px) rotate(0deg)}}.system-error{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.9);color:red;padding:20px;border:2px solid red;font-family:Courier New,monospace;z-index:9999;animation:error-flash 3s ease-in-out forwards}@keyframes error-flash{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.hover\:rotate-1:hover{--tw-rotate:1deg}.hover\:rotate-1:hover,.hover\:scale-105:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:border-ember-orange:hover{--tw-border-opacity:1;border-color:rgb(255 107 53/var(--tw-border-opacity,1))}.hover\:bg-blood-red:hover{--tw-bg-opacity:1;background-color:rgb(139 0 0/var(--tw-bg-opacity,1))}.hover\:bg-ember-orange:hover{--tw-bg-opacity:1;background-color:rgb(255 107 53/var(--tw-bg-opacity,1))}.hover\:bg-opacity-10:hover{--tw-bg-opacity:0.1}.hover\:bg-opacity-5:hover{--tw-bg-opacity:0.05}.hover\:text-deep-black:hover{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.group:hover .group-hover\:rotate-1{--tw-rotate:1deg}.group:hover .group-hover\:rotate-1,.group:hover .group-hover\:scale-105{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.group:hover .group-hover\:animate-bounce{animation:bounce 1s infinite}.group:hover .group-hover\:bg-blood-red{--tw-bg-opacity:1;background-color:rgb(139 0 0/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-deep-black{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-20{opacity:.2}.group:hover .group-hover\:opacity-40{opacity:.4}@media (min-width:768px){.md\:block{display:block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-8xl{font-size:6rem;line-height:1}.md\:text-9xl{font-size:8rem;line-height:1}}