:root{--mystic-violet: #6B3E8C;--celestial-gold: #E8B923;--emerald-glow: #2A8C5B;--nightshade-blue: #1F4068;--crimson-spell: #A61C3C;--obsidian-black: #1C2526;--mystic-violet-light: #9A6EBB;--celestial-gold-light: #F2D27F;--emerald-glow-light: #5BB989;--nightshade-blue-light: #3A5F8A;--crimson-spell-light: #D1495B;--bg-dark: #121218;--bg-medium: #1E1E2A;--bg-light: #2A2A3A;--text-light: #F0F0F5;--text-medium: #C8C8D2;--text-dark: #9090A0;--font-heading: "Playfair Display", serif;--font-body: "Poppins", sans-serif;--font-arcane: "Petit Formal Script", cursive;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:300;line-height:1.5;color:var(--text-light);background-color:var(--bg-dark);background-image:radial-gradient(circle at 25% 25%,rgba(107,62,140,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(42,140,91,.1) 0%,transparent 50%);overflow-x:hidden}#app{display:flex;flex-direction:column;min-height:100vh}main{flex:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm);color:var(--text-light)}p{margin-bottom:var(--spacing-sm)}a{color:var(--celestial-gold);text-decoration:none;transition:color .3s ease}a:hover{color:var(--celestial-gold-light)}img{max-width:100%;height:auto}ul{list-style:none}footer{background-color:var(--bg-medium);padding:var(--spacing-md) 0;position:relative;overflow:hidden}footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 10%,rgba(107,62,140,.1) 0%,transparent 40%),radial-gradient(circle at 90% 90%,rgba(232,185,35,.1) 0%,transparent 40%);z-index:0;opacity:.5}.footer-container{display:flex;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);position:relative;z-index:1;flex-wrap:wrap}.footer-logo{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.footer-title{font-family:var(--font-heading);font-size:1.5rem;margin-left:var(--spacing-sm);margin-bottom:0}.footer-links{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.footer-column{min-width:150px}.footer-heading{font-size:1rem;color:var(--celestial-gold);margin-bottom:var(--spacing-sm);position:relative}.footer-heading:after{content:"";position:absolute;bottom:-5px;left:0;width:30px;height:2px;background-color:var(--celestial-gold)}.footer-link{display:block;color:var(--text-medium);margin-bottom:var(--spacing-xs);transition:color .3s ease,transform .3s ease}.footer-link:hover{color:var(--celestial-gold);transform:translate(5px)}.footer-bottom{text-align:center;padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.footer-bottom p{color:var(--text-dark);font-size:.875rem}.page{display:none}.page.active{display:block}@media (max-width: 768px){.footer-container{flex-direction:column;align-items:center}.footer-links{width:100%;justify-content:space-around}.footer-column{margin-bottom:var(--spacing-md)}}#main-header{position:fixed;top:0;left:0;width:100%;padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:background-color .3s ease,box-shadow .3s ease}#main-header.scrolled{background-color:#1c2526f2;box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-container{display:flex;align-items:center}.logo{position:relative;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--mystic-violet),var(--nightshade-blue));display:flex;justify-content:center;align-items:center;margin-right:var(--spacing-sm);overflow:hidden}.logo-text{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;color:var(--celestial-gold);z-index:2}.logo-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,var(--celestial-gold) 0%,transparent 70%);opacity:.6;filter:blur(5px);animation:pulse 3s infinite alternate}@keyframes pulse{0%{opacity:.4;transform:scale(.8)}to{opacity:.7;transform:scale(1.2)}}.site-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-light);margin:0}nav{display:flex;align-items:center}.nav-links{display:flex;gap:var(--spacing-md)}.nav-link{color:var(--text-light);font-weight:500;position:relative;padding:.5rem 0;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(to right,var(--celestial-gold),var(--celestial-gold-light));transition:width .3s ease}.nav-link:hover{color:var(--celestial-gold)}.nav-link:hover:after{width:100%}.menu-toggle{display:none;position:relative;width:40px;height:40px;cursor:pointer;z-index:1001}.toggle-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--celestial-gold),var(--emerald-glow));transition:all .3s ease;display:flex;justify-content:center;align-items:center}.toggle-orb:before,.toggle-orb:after{content:"";position:absolute;width:16px;height:2px;background-color:var(--text-light);transition:all .3s ease}.toggle-orb:before{transform:translateY(-4px)}.toggle-orb:after{transform:translateY(4px)}.menu-toggle.active .toggle-orb:before{transform:rotate(45deg)}.menu-toggle.active .toggle-orb:after{transform:rotate(-45deg)}@media (max-width: 768px){.menu-toggle{display:block}.nav-links{position:fixed;top:0;right:-100%;width:250px;height:100vh;background:linear-gradient(to bottom,var(--bg-medium),var(--bg-dark));flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-xl) 0;transition:right .5s ease;box-shadow:-5px 0 20px #00000080}.nav-links.active{right:0}.nav-link{font-size:1.2rem;padding:var(--spacing-sm) 0}}.section{padding:var(--spacing-xl) 0;position:relative;overflow:hidden}.section-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);position:relative;z-index:2}.section-header{text-align:center;margin-bottom:var(--spacing-lg);position:relative}.section-title{font-size:2.5rem;color:var(--text-light);margin-bottom:var(--spacing-sm);position:relative;display:inline-block}.title-underline{height:3px;width:80px;background:linear-gradient(to right,var(--celestial-gold),var(--mystic-violet));margin:0 auto;position:relative;border-radius:3px}.title-underline:before,.title-underline:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background-color:var(--celestial-gold);top:50%;transform:translateY(-50%)}.title-underline:before{left:-5px}.title-underline:after{right:-5px}.hero-banner{height:100vh;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.starry-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg-dark);background-image:radial-gradient(2px 2px at 20px 30px,var(--text-light),rgba(0,0,0,0)),radial-gradient(2px 2px at 40px 70px,var(--celestial-gold),rgba(0,0,0,0)),radial-gradient(2px 2px at 50px 160px,var(--text-light),rgba(0,0,0,0)),radial-gradient(2px 2px at 90px 40px,var(--text-light),rgba(0,0,0,0)),radial-gradient(2px 2px at 130px 80px,var(--text-light),rgba(0,0,0,0)),radial-gradient(2px 2px at 160px 120px,var(--celestial-gold),rgba(0,0,0,0));background-repeat:repeat;background-size:200px 200px;animation:twinkle 10s linear infinite;z-index:0}@keyframes twinkle{0%{background-position:0 0}to{background-position:100px 100px}}.parallax-layer{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}.layer-1{background-image:url(https://i.pinimg.com/1200x/a6/20/2e/a6202e00b605aa9300f26658a2272a2a.jpg);opacity:.3;transform:translateZ(-10px) scale(2);filter:blur(3px)}.layer-2{background-image:url(https://i.pinimg.com/1200x/19/0d/68/190d68fb546f190079c726f6bb0c3696.jpg);opacity:.2;transform:translateZ(-5px) scale(1.5);filter:blur(1px)}.hero-content{text-align:center;position:relative;z-index:3;padding:var(--spacing-md);max-width:800px}.hero-title{font-size:3.5rem;margin-bottom:var(--spacing-md);text-shadow:0 0 10px rgba(107,62,140,.8)}.hero-subtitle{font-size:1.5rem;margin-bottom:var(--spacing-lg);color:var(--text-medium)}.magical-text{color:var(--celestial-gold);font-family:var(--font-arcane);font-weight:400;position:relative;display:inline-block}.magical-text:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(to right,transparent,var(--celestial-gold),transparent)}.cta-button{position:relative;display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,var(--mystic-violet),var(--nightshade-blue));color:var(--text-light);border-radius:50px;font-weight:500;text-transform:uppercase;letter-spacing:1px;overflow:hidden;z-index:1;transition:transform .3s ease}.button-text{position:relative;z-index:2}.button-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--celestial-gold-light),var(--mystic-violet-light));opacity:0;z-index:1;transition:opacity .3s ease}.cta-button:hover{transform:translateY(-3px);color:var(--text-light)}.cta-button:hover .button-glow{opacity:.8}.floating-orbs{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.4}.orb-1{width:150px;height:150px;background-color:var(--mystic-violet);top:20%;left:15%;animation:float1 20s ease-in-out infinite}.orb-2{width:100px;height:100px;background-color:var(--celestial-gold);top:30%;right:20%;animation:float2 15s ease-in-out infinite}.orb-3{width:80px;height:80px;background-color:var(--emerald-glow);bottom:25%;left:30%;animation:float3 18s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(30px,30px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-20px,40px)}}@keyframes float3{0%,to{transform:translate(0)}50%{transform:translate(40px,-30px)}}.grimoire-layout{padding:var(--spacing-md)}.grimoire-pages{display:flex;flex-wrap:wrap;gap:var(--spacing-md);max-width:1000px;margin:0 auto;justify-content:center}.grimoire-page{flex:1;min-width:300px;background-color:var(--bg-medium);border-radius:10px;padding:var(--spacing-md);position:relative;box-shadow:0 10px 20px #0000004d;overflow:hidden}.rune-border{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid var(--mystic-violet-light);border-radius:10px;pointer-events:none;opacity:.3}.rune-border:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px solid var(--celestial-gold);border-radius:5px;opacity:.5}.page-content{position:relative;z-index:1}.arcane-subtitle{font-family:var(--font-arcane);color:var(--celestial-gold);font-size:1.5rem;margin-bottom:var(--spacing-sm);font-weight:400}.altar-layout{padding:var(--spacing-md)}.reasons-container{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.reason-card{flex:1;min-width:200px;max-width:300px;background-color:var(--bg-medium);border-radius:10px;padding:var(--spacing-md);text-align:center;position:relative;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.reason-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6b3e8c1a,#2a8c5b1a);opacity:.5;z-index:0}.reason-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000004d}.reason-icon{width:70px;height:70px;margin:0 auto var(--spacing-sm);position:relative}.reason-title{font-size:1.2rem;margin-bottom:var(--spacing-sm);position:relative;z-index:1}.reason-description{color:var(--text-medium);font-size:.9rem;position:relative;z-index:1}.magical-banner{padding:var(--spacing-xl) 0;position:relative}.banner-container{width:100%;height:500px;overflow:hidden;position:relative}.parallax-banner{width:100%;height:100%;background-size:cover;background-position:center;background-attachment:fixed;position:relative;display:flex;justify-content:center;align-items:center}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#1c2526cc,#1f406880);z-index:1}.banner-content{position:relative;z-index:2;text-align:center;max-width:600px;padding:var(--spacing-md)}.banner-title{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--text-light);text-shadow:0 0 10px rgba(0,0,0,.5)}.magical-orbs,.rune-circles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.magical-orb{position:absolute;border-radius:50%;filter:blur(15px)}.orb-1{width:100px;height:100px;background-color:var(--celestial-gold);top:30%;left:20%;opacity:.3;animation:floatBanner1 10s ease-in-out infinite}.orb-2{width:150px;height:150px;background-color:var(--mystic-violet);bottom:40%;right:15%;opacity:.3;animation:floatBanner2 15s ease-in-out infinite}.orb-3{width:80px;height:80px;background-color:var(--emerald-glow);top:60%;left:40%;opacity:.3;animation:floatBanner3 12s ease-in-out infinite}@keyframes floatBanner1{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}@keyframes floatBanner2{0%,to{transform:translate(0)}50%{transform:translate(-30px,30px)}}@keyframes floatBanner3{0%,to{transform:translate(0)}50%{transform:translate(30px,-20px)}}.rune-circle{position:absolute;border:2px solid var(--celestial-gold);border-radius:50%;opacity:.4}.circle-1{width:200px;height:200px;top:30%;left:10%;animation:rotate1 30s linear infinite}.circle-2{width:300px;height:300px;bottom:20%;right:10%;animation:rotate2 40s linear infinite}@keyframes rotate1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate2{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.scroll-container{max-width:800px;margin:0 auto;background-color:var(--bg-medium);border-radius:10px;padding:var(--spacing-md);position:relative;box-shadow:0 10px 20px #0000004d;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="%231E1E2A" opacity="0.8"/><path d="M0 0L100 100M100 0L0 100" stroke="%23423458" stroke-width="0.5" opacity="0.2"/></svg>')}.wide-scroll{max-width:1000px}.scroll-header{text-align:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(232,185,35,.3)}.scroll-title{font-family:var(--font-arcane);color:var(--celestial-gold);font-size:2rem;font-weight:400}.scroll-content{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-medium);line-height:1.6}.scroll-link{color:var(--celestial-gold);text-decoration:underline;transition:color .3s ease}.scroll-link:hover{color:var(--celestial-gold-light)}.scroll-seal{width:60px;height:60px;margin:var(--spacing-md) auto 0;border-radius:50%;background:linear-gradient(135deg,var(--mystic-violet),var(--crimson-spell));position:relative}.scroll-seal:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border-radius:50%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><circle cx="20" cy="20" r="18" fill="none" stroke="%23E8B923" stroke-width="0.5"/><path d="M20 2L20 38M2 20L38 20M11 11L29 29M29 11L11 29" stroke="%23E8B923" stroke-width="0.5"/></svg>');background-size:cover;opacity:.8}.return-link{display:block;text-align:center;margin-top:var(--spacing-md);font-weight:500;color:var(--celestial-gold)}@media (max-width: 768px){.section-title{font-size:2rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.banner-title{font-size:2rem}.grimoire-page{min-width:250px}.banner-container{height:400px}}@media (max-width: 480px){.section-title{font-size:1.8rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.banner-container{height:300px}}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.game-card{position:relative;background-color:var(--bg-medium);border-radius:10px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;height:320px;cursor:pointer}.game-card:before{content:"";position:relative;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(28,37,38,.9) 100%);z-index:1;opacity:.7;transition:opacity .3s ease}.game-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0006}.game-card:hover:before{opacity:.5}.game-card:hover .game-title{transform:translateY(-10px)}.game-card:hover .play-button{opacity:1;transform:translate(-50%,-50%) scale(1)}.game-card:hover .game-image{transform:scale(1.1)}.game-image-container{width:100%;height:100%;overflow:hidden;position:relative}.game-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.game-info{position:absolute;bottom:0;left:0;width:100%;padding:var(--spacing-md);z-index:2}.game-title{color:var(--text-light);font-size:1.5rem;margin-bottom:var(--spacing-sm);text-shadow:0 2px 4px rgba(0,0,0,.5);transition:transform .3s ease}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:60px;height:60px;background:#6b3e8cb3;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:2;opacity:0;transition:opacity .3s ease,transform .3s ease}.play-button:after{content:"";width:0;height:0;border-top:12px solid transparent;border-left:20px solid var(--celestial-gold);border-bottom:12px solid transparent;margin-left:5px}.play-button:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;border:2px solid var(--celestial-gold);opacity:.6;animation:pulse-border 1.5s ease-out infinite}@keyframes pulse-border{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}.game-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1c2526f2;z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.game-modal.active{opacity:1;visibility:visible}.modal-content{position:relative;width:90%;height:90%;max-width:1200px;background-color:var(--bg-medium);border-radius:10px;overflow:hidden;box-shadow:0 20px 40px #00000080;transform:scale(.9);transition:transform .3s ease}.game-modal.active .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-dark);border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{font-size:1.5rem;color:var(--celestial-gold);margin:0}.close-modal{width:40px;height:40px;border-radius:50%;background-color:var(--mystic-violet);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative;transition:background-color .3s ease}.close-modal:hover{background-color:var(--crimson-spell)}.close-modal:before,.close-modal:after{content:"";position:absolute;width:20px;height:2px;background-color:var(--text-light)}.close-modal:before{transform:rotate(45deg)}.close-modal:after{transform:rotate(-45deg)}.game-iframe-container{width:100%;height:calc(100% - 60px);position:relative}.game-iframe{width:100%;height:100%;border:none}.loading-indicator{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bg-medium);z-index:1;transition:opacity .3s ease,visibility .3s ease}.loading-spinner{width:80px;height:80px;border-radius:50%;border:5px solid rgba(107,62,140,.3);border-top-color:var(--celestial-gold);animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.game-card{height:280px}.game-title{font-size:1.2rem}.play-button{width:50px;height:50px}.play-button:after{border-top:10px solid transparent;border-left:16px solid var(--celestial-gold);border-bottom:10px solid transparent}.modal-content{width:95%;height:80%}}@media (max-width: 480px){.games-grid{grid-template-columns:1fr}.game-card{height:250px}.modal-title{font-size:1.2rem}}.crystal-icon,.potion-icon,.spellbook-icon,.wand-icon,.rune-icon{position:relative;width:70px;height:70px;border-radius:50%;margin:0 auto var(--spacing-sm);display:flex;justify-content:center;align-items:center}.crystal-icon{background:linear-gradient(135deg,var(--mystic-violet-light),var(--mystic-violet))}.potion-icon{background:linear-gradient(135deg,var(--emerald-glow-light),var(--emerald-glow))}.spellbook-icon{background:linear-gradient(135deg,var(--nightshade-blue-light),var(--nightshade-blue))}.wand-icon{background:linear-gradient(135deg,var(--celestial-gold-light),var(--celestial-gold))}.rune-icon{background:linear-gradient(135deg,var(--crimson-spell-light),var(--crimson-spell))}.crystal-glow,.potion-glow,.spellbook-glow,.wand-glow,.rune-glow{position:absolute;width:100%;height:100%;border-radius:50%;filter:blur(10px);opacity:.7;animation:pulse-glow 3s infinite alternate}.crystal-glow{background:radial-gradient(circle at center,var(--mystic-violet-light) 0%,transparent 70%)}.potion-glow{background:radial-gradient(circle at center,var(--emerald-glow-light) 0%,transparent 70%)}.spellbook-glow{background:radial-gradient(circle at center,var(--nightshade-blue-light) 0%,transparent 70%)}.wand-glow{background:radial-gradient(circle at center,var(--celestial-gold-light) 0%,transparent 70%)}.rune-glow{background:radial-gradient(circle at center,var(--crimson-spell-light) 0%,transparent 70%)}@keyframes pulse-glow{0%{opacity:.4;transform:scale(.8)}to{opacity:.7;transform:scale(1.2)}}.crystal-ball,.magic-scroll,.potion-bottle{position:relative;width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin-right:var(--spacing-sm)}.crystal-ball:before{content:"";width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--celestial-gold-light),var(--mystic-violet));box-shadow:0 0 15px var(--mystic-violet-light)}.magic-scroll:before{content:"";width:30px;height:40px;background-color:var(--celestial-gold-light);border-radius:5px;position:relative;box-shadow:0 0 10px var(--celestial-gold)}.magic-scroll:after{content:"";position:absolute;top:10px;left:10px;width:20px;height:2px;background-color:var(--bg-dark);box-shadow:0 6px 0 var(--bg-dark),0 12px 0 var(--bg-dark),0 18px 0 var(--bg-dark);opacity:.7}.potion-bottle:before{content:"";width:30px;height:40px;background:linear-gradient(to bottom,var(--mystic-violet),var(--emerald-glow));border-radius:5px 5px 15px 15px;box-shadow:0 0 10px var(--emerald-glow)}.potion-bottle:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:15px;height:10px;background-color:var(--celestial-gold);border-radius:5px 5px 0 0}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.scale-in{opacity:0;transform:scale(.8);transition:opacity .5s ease,transform .5s ease}.scale-in.visible{opacity:1;transform:scale(1)}.parallax-scroll{transition:transform .5s cubic-bezier(.25,.46,.45,.94);will-change:transform}.sparkle{position:absolute;width:6px;height:6px;border-radius:50%;background-color:var(--celestial-gold);pointer-events:none;opacity:0;animation:sparkle-animation 1.5s ease forwards}@keyframes sparkle-animation{0%{transform:scale(0) rotate(0);opacity:0}50%{opacity:1}to{transform:scale(1) rotate(180deg);opacity:0}}.rune-animate{position:relative;overflow:hidden}.rune-animate:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(232,185,35,.2),transparent);transition:.5s;animation:rune-trace 3s infinite}@keyframes rune-trace{0%{left:-100%}50%,to{left:100%}}.magical-fog{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(ellipse at 50% 50%,rgba(107,62,140,.2) 0%,transparent 70%),radial-gradient(ellipse at 80% 20%,rgba(232,185,35,.1) 0%,transparent 70%);filter:blur(40px);opacity:.5;pointer-events:none;animation:fog-movement 20s ease infinite}@keyframes fog-movement{0%,to{transform:translate(0)}25%{transform:translate(-5%,5%)}50%{transform:translate(5%,-5%)}75%{transform:translate(-5%,-5%)}}.hover-glow{transition:box-shadow .3s ease,transform .3s ease}.hover-glow:hover{box-shadow:0 0 20px var(--celestial-gold);transform:scale(1.05)}.magic-dust{position:absolute;pointer-events:none;width:100%;height:100%;z-index:0;overflow:hidden}.dust-particle{position:absolute;width:4px;height:4px;background-color:var(--celestial-gold);border-radius:50%;opacity:0;animation-name:float-dust;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes float-dust{0%{transform:translateY(0) translate(0);opacity:0}25%{opacity:.8}to{transform:translateY(-100px) translate(50px);opacity:0}}.mouse-trail{position:fixed;width:10px;height:10px;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);background:radial-gradient(circle at center,var(--celestial-gold),transparent 70%);animation:trail-fade 1s forwards}@keyframes trail-fade{0%{opacity:.7;width:8px;height:8px}to{opacity:0;width:40px;height:40px}}.contact-container{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);align-items:flex-start}.contact-info{flex:1;min-width:300px}.info-item{display:flex;align-items:center;margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--bg-medium);border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.info-item:hover{transform:translate(10px);box-shadow:0 5px 15px #0003}.info-content{flex:1}.info-content h3{font-size:1.2rem;margin-bottom:5px;color:var(--celestial-gold)}.info-content p{color:var(--text-medium);margin:0}.contact-form-container{flex:1;min-width:300px}.magical-form{background-color:var(--bg-medium);padding:var(--spacing-md);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.magical-form:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 10%,rgba(107,62,140,.1) 0%,transparent 50%),radial-gradient(circle at 90% 90%,rgba(42,140,91,.1) 0%,transparent 50%);opacity:.5;z-index:0}.form-group{margin-bottom:var(--spacing-md);position:relative;z-index:1}.magical-input{position:relative}.magical-input input,.magical-input textarea{width:100%;padding:1rem;background-color:#1c252699;border:1px solid rgba(107,62,140,.3);border-radius:5px;color:var(--text-light);font-family:var(--font-body);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.magical-input textarea{min-height:150px;resize:vertical}.magical-input label{position:absolute;top:1rem;left:1rem;color:var(--text-medium);transition:all .3s ease;pointer-events:none}.magical-input input:focus,.magical-input textarea:focus,.magical-input input:not(:placeholder-shown),.magical-input textarea:not(:placeholder-shown){border-color:var(--celestial-gold);outline:none}.magical-input input:focus+label,.magical-input textarea:focus+label,.magical-input input:not(:placeholder-shown)+label,.magical-input textarea:not(:placeholder-shown)+label{transform:translateY(-30px) scale(.8);color:var(--celestial-gold)}.magical-input input:focus~.input-glow,.magical-input textarea:focus~.input-glow{opacity:.6}.input-glow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;box-shadow:0 0 15px var(--celestial-gold);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:-1}.submit-button{position:relative;display:block;width:100%;padding:1rem;background:linear-gradient(135deg,var(--mystic-violet),var(--nightshade-blue));color:var(--text-light);border:none;border-radius:5px;font-family:var(--font-body);font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;cursor:pointer;overflow:hidden;z-index:1;transition:transform .3s ease}.submit-button:hover{transform:translateY(-3px)}.submit-button:hover .button-glow{opacity:.8}.error-message{color:var(--crimson-spell);font-size:.875rem;margin-top:5px;display:none}.magical-input.error input,.magical-input.error textarea{border-color:var(--crimson-spell)}.magical-input.error .input-glow{box-shadow:0 0 15px var(--crimson-spell);opacity:.6}.magical-input.error label{color:var(--crimson-spell)}.magical-input.success input,.magical-input.success textarea{border-color:var(--emerald-glow)}.magical-input.success .input-glow{box-shadow:0 0 15px var(--emerald-glow);opacity:.6}.form-message{margin-top:var(--spacing-md);padding:var(--spacing-sm);border-radius:5px;text-align:center;display:none}.form-message.success{background-color:#2a8c5b33;color:var(--emerald-glow-light);border:1px solid var(--emerald-glow);display:block}.form-message.error{background-color:#a61c3c33;color:var(--crimson-spell-light);border:1px solid var(--crimson-spell);display:block}@media (max-width: 768px){.contact-container{flex-direction:column}.info-item:hover{transform:translate(0)}}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin:var(--spacing-md) 0}.support-card{background-color:var(--bg-medium);padding:var(--spacing-md);border-radius:10px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.support-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.support-icon{margin-bottom:var(--spacing-sm)}.support-list{list-style:none;padding:var(--spacing-md);background-color:var(--bg-medium);border-radius:10px;margin:var(--spacing-md) 0}.support-list li{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative}.support-list li:before{content:"✧";position:absolute;left:0;color:var(--celestial-gold)}.support-form{margin-top:var(--spacing-lg)}#support-form select{width:100%;padding:1rem;background-color:#1c252699;border:1px solid rgba(107,62,140,.3);border-radius:5px;color:var(--text-light);font-family:var(--font-body);font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-none{display:none}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-stretch{align-items:stretch}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-light{color:var(--text-light)}.text-medium{color:var(--text-medium)}.text-dark{color:var(--text-dark)}.text-mystic{color:var(--mystic-violet)}.text-celestial{color:var(--celestial-gold)}.text-emerald{color:var(--emerald-glow)}.bg-dark{background-color:var(--bg-dark)}.bg-medium{background-color:var(--bg-medium)}.bg-light{background-color:var(--bg-light)}.bg-mystic{background-color:var(--mystic-violet)}.bg-celestial{background-color:var(--celestial-gold)}.bg-emerald{background-color:var(--emerald-glow)}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-xs)}.ml-2{margin-left:var(--spacing-sm)}.ml-3{margin-left:var(--spacing-md)}.ml-4{margin-left:var(--spacing-lg)}.ml-5{margin-left:var(--spacing-xl)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-xs)}.mr-2{margin-right:var(--spacing-sm)}.mr-3{margin-right:var(--spacing-md)}.mr-4{margin-right:var(--spacing-lg)}.mr-5{margin-right:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-xs)}.pt-2{padding-top:var(--spacing-sm)}.pt-3{padding-top:var(--spacing-md)}.pt-4{padding-top:var(--spacing-lg)}.pt-5{padding-top:var(--spacing-xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-xs)}.pb-2{padding-bottom:var(--spacing-sm)}.pb-3{padding-bottom:var(--spacing-md)}.pb-4{padding-bottom:var(--spacing-lg)}.pb-5{padding-bottom:var(--spacing-xl)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing-xs)}.pl-2{padding-left:var(--spacing-sm)}.pl-3{padding-left:var(--spacing-md)}.pl-4{padding-left:var(--spacing-lg)}.pl-5{padding-left:var(--spacing-xl)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing-xs)}.pr-2{padding-right:var(--spacing-sm)}.pr-3{padding-right:var(--spacing-md)}.pr-4{padding-right:var(--spacing-lg)}.pr-5{padding-right:var(--spacing-xl)}.border{border:1px solid rgba(255,255,255,.1)}.border-top{border-top:1px solid rgba(255,255,255,.1)}.border-right{border-right:1px solid rgba(255,255,255,.1)}.border-bottom{border-bottom:1px solid rgba(255,255,255,.1)}.border-left{border-left:1px solid rgba(255,255,255,.1)}.rounded{border-radius:5px}.rounded-lg{border-radius:10px}.rounded-xl{border-radius:20px}.rounded-circle{border-radius:50%}.shadow-sm{box-shadow:0 2px 5px #0003}.shadow-md{box-shadow:0 5px 15px #0000004d}.shadow-lg{box-shadow:0 10px 30px #00000080}.shadow-inner{box-shadow:inset 0 2px 5px #0003}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-static{position:static}.w-100{width:100%}.w-75{width:75%}.w-50{width:50%}.w-25{width:25%}.h-100{height:100%}.h-75{height:75%}.h-50{height:50%}.h-25{height:25%}.magic-glow{box-shadow:0 0 15px var(--celestial-gold)}.magic-border{border:1px solid var(--mystic-violet);box-shadow:0 0 10px var(--mystic-violet-light)}.pulse-animation{animation:pulse 3s infinite alternate}.float-animation{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.cursor-pointer{cursor:pointer}.user-select-none{-webkit-user-select:none;user-select:none}