@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:wght@300;400;500;600&display=swap');:root{--primary-gradient:linear-gradient(135deg,#4a00e0 0%,#8e2de2 25%,#c471ed 50%,#f64f59 75%,#ff6b35 100%);--dark-gradient:linear-gradient(145deg,#0d0217 0%,#1a0b2e 30%,#2d1b4e 60%,#4a2c6b 100%);--card-gradient:linear-gradient(145deg,rgba(138,43,226,0.08) 0%,rgba(75,0,130,0.05) 100%);--glow-purple:#8a2be2;--glow-gold:#ffd700;--glow-mystic:#da70d6;--dark-bg:#0d0217;--card-bg:rgba(138,43,226,0.06);--text-primary:#e6e0f7;--text-secondary:#c7b8e8;--text-accent:#da70d6;--border-glow:rgba(218,112,214,0.4);--time-gradient:linear-gradient(90deg,#4a00e0 0%,#8e2de2 20%,#da70d6 40%,#ffd700 60%,#ff6b35 80%,#8e2de2 100%);--mystic-gradient:radial-gradient(circle,rgba(138,43,226,0.3) 0%,rgba(75,0,130,0.1) 50%,transparent 100%)}body{font-family:'Crimson Text',serif;background:var(--dark-gradient);color:var(--text-primary);position:relative}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 25%,rgba(138,43,226,0.15) 0%,transparent 40%),radial-gradient(circle at 85% 75%,rgba(218,112,214,0.12) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,215,0,0.08) 0%,transparent 50%);animation:mysticFloat 25s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes mysticFloat{0%,100%{transform:translateY(0px) rotate(0deg);opacity:0.7}33%{transform:translateY(-15px) rotate(1deg);opacity:0.9}66%{transform:translateY(-8px) rotate(-1deg);opacity:0.8}}.logo{font-family:'Cinzel',serif;background:var(--time-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(218,112,214,0.6));background-size:200% 100%;animation:timeShimmer 4s ease-in-out infinite}@keyframes timeShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.hero-title{font-family:'Cinzel',serif;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(138,43,226,0.5);animation:mysticGlow 3s ease-in-out infinite alternate}@keyframes mysticGlow{from{filter:drop-shadow(0 0 20px rgba(138,43,226,0.7));transform:scale(1)}to{filter:drop-shadow(0 0 40px rgba(218,112,214,0.9));transform:scale(1.02)}}.section-title{font-family:'Cinzel',serif;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}.section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:2px;background:var(--time-gradient);border-radius:2px;animation:timeFlow 3s ease-in-out infinite}@keyframes timeFlow{0%,100%{width:60px;opacity:1}50%{width:100px;opacity:0.7}}.navbar{background:rgba(13,2,23,0.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glow);box-shadow:0 4px 20px rgba(138,43,226,0.2)}.nav-menu a:hover{color:var(--glow-mystic);background:rgba(218,112,214,0.15);box-shadow:0 0 25px rgba(138,43,226,0.4);text-shadow:0 0 10px rgba(218,112,214,0.8)}.hero::before{background:radial-gradient(circle at 30% 40%,rgba(138,43,226,0.3) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(218,112,214,0.25) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,215,0,0.15) 0%,transparent 60%);animation:timePortal 20s ease-in-out infinite}@keyframes timePortal{0%,100%{transform:translateY(0px) rotate(0deg) scale(1);opacity:0.8}25%{transform:translateY(-10px) rotate(1deg) scale(1.05);opacity:1}50%{transform:translateY(-20px) rotate(0deg) scale(0.98);opacity:0.9}75%{transform:translateY(-5px) rotate(-1deg) scale(1.02);opacity:0.95}}.cta-button{background:var(--primary-gradient);position:relative;overflow:hidden;box-shadow:0 0 30px rgba(138,43,226,0.4)}.cta-button::before{background:linear-gradient(90deg,transparent,rgba(255,215,0,0.3),transparent)}.cta-button:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(138,43,226,0.6);animation:mysticPulse 1.5s ease-in-out infinite}@keyframes mysticPulse{0%,100%{box-shadow:0 15px 40px rgba(138,43,226,0.6)}50%{box-shadow:0 20px 50px rgba(218,112,214,0.8)}}.feature-card{background:var(--card-gradient);backdrop-filter:blur(15px);border:1px solid var(--border-glow);position:relative;overflow:hidden}.feature-card::before{background:conic-gradient(from 0deg,transparent,var(--glow-mystic),transparent);animation:timeCrystal 6s linear infinite}@keyframes timeCrystal{0%{transform:rotate(0deg) scale(1);opacity:0}50%{opacity:0.15}100%{transform:rotate(360deg) scale(1.1);opacity:0}}.feature-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px rgba(138,43,226,0.3);border-color:var(--glow-mystic)}.feature-card:hover::before{opacity:0.2}.feature-icon{background:var(--primary-gradient);position:relative;box-shadow:0 0 20px rgba(138,43,226,0.5)}.feature-icon::after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--time-gradient);border-radius:50%;z-index:-1;animation:iconGlow 2.5s ease-in-out infinite alternate}@keyframes iconGlow{from{opacity:0.5;transform:scale(1)}to{opacity:0.8;transform:scale(1.05)}}.game-card{background:var(--card-gradient);backdrop-filter:blur(15px);border:1px solid var(--border-glow);transition:all 0.4s ease;position:relative}.game-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--mystic-gradient);opacity:0;transition:opacity 0.4s ease;pointer-events:none}.game-card:hover{transform:scale(1.08) translateY(-8px);box-shadow:0 25px 60px rgba(138,43,226,0.4);border-color:var(--glow-gold)}.game-card:hover::after{opacity:1}.game-button{background:var(--primary-gradient);position:relative;overflow:hidden}.game-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,0.4),transparent);transition:left 0.6s ease}.game-button:hover::before{left:100%}.game-button:hover{box-shadow:0 8px 25px rgba(218,112,214,0.5);text-shadow:0 0 10px rgba(255,215,0,0.8)}.article-card{background:var(--card-gradient);backdrop-filter:blur(15px);border:1px solid var(--border-glow);position:relative}.article-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--time-gradient);transform:scaleX(0);transition:transform 0.4s ease}.article-card:hover::before{transform:scaleX(1)}.article-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(138,43,226,0.3);border-color:var(--glow-mystic)}.contact-form{background:var(--card-gradient);backdrop-filter:blur(15px);border:1px solid var(--border-glow);position:relative}.contact-form::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:var(--time-gradient);z-index:-1;border-radius:20px;opacity:0;transition:opacity 0.4s ease}.contact-form:hover::before{opacity:0.3}.form-input{background:rgba(138,43,226,0.08);border:1px solid var(--border-glow);color:var(--text-primary);transition:all 0.3s ease}.form-input:focus{border-color:var(--glow-mystic);box-shadow:0 0 25px rgba(138,43,226,0.4);background:rgba(138,43,226,0.12)}.form-input::placeholder{color:var(--text-secondary)}.submit-button{background:var(--primary-gradient);position:relative;overflow:hidden}.submit-button::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,215,0,0.4) 0%,transparent 70%);transition:all 0.4s ease;transform:translate(-50%,-50%)}.submit-button:hover::after{width:200%;height:200%}.submit-button:hover{box-shadow:0 12px 30px rgba(138,43,226,0.5);text-shadow:0 0 15px rgba(255,215,0,0.9)}.footer{background:rgba(13,2,23,0.8);border-top:1px solid var(--border-glow);position:relative}.footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:var(--time-gradient);animation:timeFlow 4s ease-in-out infinite}.footer-links a:hover{color:var(--glow-mystic);text-shadow:0 0 10px rgba(218,112,214,0.8)}::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8e2de2 0%,#da70d6 100%)}::-webkit-scrollbar-track{background:var(--dark-bg)}.cookie-banner{background:rgba(13,2,23,0.98);backdrop-filter:blur(25px);border-top:1px solid var(--border-glow);box-shadow:0 -4px 20px rgba(138,43,226,0.3)}.cookie-title{color:var(--text-accent);font-family:'Cinzel',serif}.accept-all{background:var(--primary-gradient);box-shadow:0 4px 15px rgba(138,43,226,0.4)}.accept-all:hover{box-shadow:0 6px 20px rgba(218,112,214,0.6);text-shadow:0 0 8px rgba(255,215,0,0.8)}.customize:hover{background:rgba(138,43,226,0.15);border-color:var(--glow-mystic)}.time-crystal{position:relative;display:inline-block}.time-crystal::before{content:'⧗';position:absolute;top:-5px;right:-15px;color:var(--glow-gold);font-size:0.8em;animation:crystalSpin 3s linear infinite}@keyframes crystalSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.mystical-text{background:var(--time-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.temporal-glow{animation:temporalPulse 2s ease-in-out infinite alternate}@keyframes temporalPulse{from{text-shadow:0 0 5px rgba(138,43,226,0.5);filter:brightness(1)}to{text-shadow:0 0 20px rgba(218,112,214,0.8);filter:brightness(1.2)}}