@keyframes float-particles{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.6}33%{transform:translateY(-20px) translate(10px) scale(1.1);opacity:.8}66%{transform:translateY(10px) translate(-15px) scale(.9);opacity:.7}}@keyframes electric-pulse{0%,to{box-shadow:0 0 5px #06feff4d,0 0 10px #06feff33,0 0 15px #06feff1a}50%{box-shadow:0 0 10px #06feff99,0 0 20px #06feff66,0 0 30px #06feff33}}@keyframes mystical-pulse{0%,to{box-shadow:0 0 8px #9333ea66,0 0 16px #9333ea33}50%{box-shadow:0 0 12px #9333eab3,0 0 24px #9333ea66}}@keyframes aurora-dance{0%{transform:translateY(-3%) scale(1.05) rotate(0);filter:blur(60px) hue-rotate(0deg)}25%{transform:translateY(2%) scale(1.08) rotate(1deg);filter:blur(65px) hue-rotate(15deg)}50%{transform:translateY(-1%) scale(1.1) rotate(0);filter:blur(70px) hue-rotate(30deg)}75%{transform:translateY(3%) scale(1.06) rotate(-.5deg);filter:blur(65px) hue-rotate(15deg)}to{transform:translateY(-3%) scale(1.05) rotate(0);filter:blur(60px) hue-rotate(0deg)}}.btn-fantasy{position:relative;overflow:hidden;background:var(--gradient-mystic);border:2px solid transparent;transition:all var(--timing-normal) var(--easing-smooth)}.btn-fantasy:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from 0deg,rgb(var(--color-cyan)),rgb(var(--color-purple)),rgb(var(--color-pink)),rgb(var(--color-cyan)));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 3s linear infinite}.btn-fantasy:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-glow-cyan),var(--shadow-card)}.card-fantasy{position:relative;transition:all var(--timing-slow) var(--easing-smooth);background:linear-gradient(135deg,rgba(var(--color-surface-2),.8),rgba(var(--color-surface),.9));border:1px solid rgba(var(--color-border),.5);backdrop-filter:blur(10px)}.card-fantasy:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--gradient-aurora);opacity:0;transition:opacity var(--timing-normal) ease;z-index:-1}.card-fantasy:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(var(--color-cyan),.5);box-shadow:var(--shadow-glow-cyan),var(--shadow-card)}.card-fantasy:hover:before{opacity:.1}.text-glow-cyan{color:rgb(var(--color-cyan));text-shadow:0 0 10px rgba(var(--color-cyan),.5)}.text-glow-purple{color:rgb(var(--color-purple));text-shadow:0 0 10px rgba(var(--color-purple),.5)}.text-glow-pink{color:rgb(var(--color-pink));text-shadow:0 0 10px rgba(var(--color-pink),.5)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-.5deg)}}.float-animation{animation:float 4s ease-in-out infinite}.particles-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particles-bg:before,.particles-bg:after{content:"";position:absolute;width:4px;height:4px;background:rgb(var(--color-cyan));border-radius:50%;opacity:.6;animation:float-particles 8s ease-in-out infinite}.particles-bg:before{top:20%;left:10%;animation-delay:0s;background:rgb(var(--color-purple))}.particles-bg:after{top:60%;right:15%;animation-delay:2s;background:rgb(var(--color-pink))}.aurora-bg{position:absolute;inset:-20%;background:radial-gradient(ellipse 100% 60% at 20% 40%,rgba(var(--color-cyan),.3),transparent 70%),radial-gradient(ellipse 80% 80% at 80% 20%,rgba(var(--color-purple),.4),transparent 70%),radial-gradient(ellipse 120% 50% at 50% 90%,rgba(var(--color-pink),.2),transparent 80%),radial-gradient(ellipse 90% 40% at 10% 60%,rgba(var(--color-orange),.3),transparent 80%);animation:aurora-dance 30s ease-in-out infinite;z-index:-1}.border-glow{position:relative}.border-glow:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(45deg,transparent 20%,rgba(var(--color-cyan),.5) 40%,rgba(var(--color-purple),.5) 60%,transparent 80%);z-index:-1;animation:spin 6s linear infinite}.fade-in-up{opacity:0;transform:translateY(30px);transition:all var(--timing-slow) var(--easing-smooth)}.fade-in-up.animate{opacity:1;transform:translateY(0)}.scale-in{opacity:0;transform:scale(.8);transition:all var(--timing-slow) var(--easing-bounce)}.scale-in.animate{opacity:1;transform:scale(1)}@keyframes dice-roll-fantasy{0%{transform:rotate(0) scale(1);filter:drop-shadow(0 0 5px rgba(var(--color-cyan),.3))}25%{transform:rotate(90deg) scale(1.1);filter:drop-shadow(0 0 10px rgba(var(--color-purple),.5))}50%{transform:rotate(180deg) scale(1.2);filter:drop-shadow(0 0 15px rgba(var(--color-pink),.6))}75%{transform:rotate(270deg) scale(1.1);filter:drop-shadow(0 0 10px rgba(var(--color-orange),.4))}to{transform:rotate(360deg) scale(1);filter:drop-shadow(0 0 5px rgba(var(--color-cyan),.3))}}.dice-fantasy-roll{animation:dice-roll-fantasy 2s ease-in-out infinite}@keyframes mystical-spin{0%{transform:rotate(0);box-shadow:0 0 20px rgba(var(--color-cyan),.3)}33%{box-shadow:0 0 30px rgba(var(--color-purple),.4)}66%{box-shadow:0 0 25px rgba(var(--color-pink),.3)}to{transform:rotate(360deg);box-shadow:0 0 20px rgba(var(--color-cyan),.3)}}.mystical-loader{width:40px;height:40px;border:3px solid transparent;border-top:3px solid rgb(var(--color-cyan));border-radius:50%;animation:mystical-spin 1s linear infinite}@media (max-width: 768px){.aurora-bg{filter:blur(40px)}.particles-bg:before,.particles-bg:after{width:2px;height:2px}.btn-fantasy:hover{transform:translateY(-1px) scale(1.02)}.card-fantasy:hover{transform:translateY(-4px) scale(1.01)}}@media (prefers-reduced-motion: reduce){.aurora-bg,.float-animation,.dice-fantasy-roll,.mystical-loader{animation:none}.btn-fantasy:before{animation:none}}:root{--bg: #0a0a0f;--surface: #111116;--surface-2: #16161f;--text: #ffffff;--muted: #b8b8c4;--border: #2a2a35;--accent: #fade31;--accent-cyan: #35cce6;--accent-pink: #ea49d3;--accent-orange: #ff6b35}.landing{background:var(--bg);color:var(--text);font-family:var(--font-sans);position:relative;overflow-x:hidden;min-height:100vh}.l-container{width:1200px;max-width:calc(100% - 40px);margin:0 auto;padding:0 20px}header.l-override{border-bottom:1px solid rgba(255,255,255,.08)}.landing:before{content:"";position:absolute;inset:-30% -20% auto;height:100vh;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(234,73,211,.4),transparent 70%),radial-gradient(ellipse 60% 80% at 80% 20%,rgba(53,204,230,.3),transparent 70%),radial-gradient(ellipse 100% 60% at 50% 90%,rgba(250,222,49,.2),transparent 70%),radial-gradient(ellipse 120% 40% at 10% 60%,rgba(234,73,211,.3),transparent 80%);filter:blur(60px);animation:aurora 25s ease-in-out infinite alternate;pointer-events:none;z-index:-1}@keyframes aurora{0%{transform:translateY(-3%) scale(1.05) rotate(0)}33%{transform:translateY(2%) scale(1.08) rotate(1deg)}66%{transform:translateY(-1%) scale(1.06) rotate(-.5deg)}to{transform:translateY(3%) scale(1.1) rotate(.5deg)}}.hero{padding:120px 0 80px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center;max-width:1400px;margin:0 auto;padding:0 40px}.hero-media{position:relative;height:500px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#ea49d31a,#35cce61a);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);box-shadow:0 20px 40px #0000004d}.hero-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.9}.hero-media .sticker{position:absolute;width:64px;height:64px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.6));animation:float 8s ease-in-out infinite;z-index:2}.hero-media .sticker-fire{right:20px;top:20px;animation-delay:.3s}.hero-media .sticker-heart{left:20px;bottom:20px;animation-delay:1.2s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}.hero h1{font-family:var(--font-display);font-weight:900;font-size:clamp(48px,5.5vw,72px);line-height:1.1;letter-spacing:-.02em;margin:0 0 24px;color:var(--text);text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero .lead{color:var(--muted);font-size:18px;line-height:1.6;max-width:60ch;margin-bottom:32px;font-weight:400}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;font-weight:600;text-decoration:none;overflow:hidden;font-size:16px}.btn-glow{color:var(--accent);border:1px solid var(--accent);background:linear-gradient(90deg,transparent,transparent);position:relative}.btn-glow:before{content:"";position:absolute;inset:-2px;border-radius:12px;padding:2px;background:conic-gradient(from 0deg,#fade31,#35cce6,#ea49d3,#fade31);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 8s linear infinite}.btn-glow:hover{background:linear-gradient(90deg,#fade3126,#35cce626)}@keyframes spin{to{transform:rotate(1turn)}}.hero .note{font-size:14px;color:var(--muted);margin-left:16px;opacity:.8}.hero .stats{display:flex;gap:48px;margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.hero .stat .value{font-size:28px;font-weight:800;color:var(--accent);font-family:var(--font-display)}.hero .stat .label{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.hero .summary{font-size:14px;color:var(--muted);margin-top:16px;opacity:.9}.band{background:var(--surface);padding:80px 0;border-top:1px solid rgba(255,255,255,.05);position:relative}.band:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.01),transparent);pointer-events:none}.showcase{padding:100px 0}.showcase h2{text-align:center;font-size:clamp(32px,4vw,48px);font-weight:800;font-family:var(--font-display);margin:0 0 16px;color:var(--text)}.showcase p.desc{text-align:center;color:var(--muted);font-size:18px;max-width:600px;margin:0 auto 60px;line-height:1.5}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:0 20px}.card{background:linear-gradient(135deg,var(--surface-2),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;backdrop-filter:blur(10px)}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(250,222,49,.05),transparent);opacity:0;transition:opacity .3s ease}.card:hover{transform:translateY(-8px) scale(1.02);border-color:#fade314d;box-shadow:0 20px 40px #0000004d,0 0 0 1px #fade3133}.card:hover:before{opacity:1}.card .media{height:200px;border-radius:0;overflow:hidden;margin-bottom:0;position:relative}.card .media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.8))}.card .media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.card:hover .media img{transform:scale(1.1)}.card .title{font-weight:700;font-size:18px;color:var(--text);margin:16px 20px 8px;font-family:var(--font-display)}.card .price{color:var(--accent);font-size:16px;font-weight:600;margin:0 20px 4px}.card .by{color:var(--muted);font-size:14px;margin:0 20px 20px;opacity:.8}.showcase .explore{margin-top:60px;display:flex;justify-content:center}.showcase .explore a{display:inline-flex;align-items:center;gap:12px;border:2px solid var(--accent-cyan);color:var(--accent-cyan);padding:16px 32px;border-radius:12px;text-decoration:none;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;background:#35cce60d}.showcase .explore a:hover{background:#35cce626;transform:translateY(-2px);box-shadow:0 10px 25px #35cce64d}.center-title{text-align:center;font-size:clamp(28px,3.5vw,40px);font-weight:800;font-family:var(--font-display);margin-bottom:24px;color:var(--text);line-height:1.2}.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:center;justify-items:center;gap:40px;opacity:.9;max-width:1000px;margin:0 auto;padding:20px}.logos img{height:48px;width:auto;filter:saturate(.8) brightness(1.1);transition:all .3s ease;opacity:.7}.logos img:hover{filter:saturate(1.2) brightness(1.3);opacity:1;transform:scale(1.1)}.inline-logos{display:flex;align-items:center;justify-content:center;gap:48px;opacity:1;margin:32px 0}.inline-logos img{height:40px;width:auto;transition:all .3s ease;opacity:.8}.inline-logos img:hover{opacity:1;transform:scale(1.15)}.inline-logos div{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:2px solid var(--border);border-radius:50%;font-weight:700;font-size:18px;color:var(--muted);transition:all .3s ease}.inline-logos div:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.1)}.inline-note{text-align:center;font-size:14px;color:var(--muted);margin-top:24px;opacity:.8;line-height:1.5}.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:0 20px}.video-thumb{border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;height:160px;transition:all .3s ease;position:relative}.video-thumb:after{content:"▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fade31e6;color:#000;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;opacity:0;transition:opacity .3s ease}.video-thumb:hover:after{opacity:1}.video-thumb:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 10px 25px #0000004d}.video-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.video-thumb:hover img{transform:scale(1.05)}.video-title{margin-top:12px;font-size:14px;color:var(--text);line-height:1.4;font-weight:500}.chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:600px;margin:0 auto}.chip{font-size:14px;color:var(--muted);border:1px solid var(--border);background:var(--surface-2);padding:12px 20px;border-radius:24px;text-decoration:none;transition:all .3s ease;font-weight:500}.chip:hover{border-color:var(--accent);color:var(--accent);background:#fade311a;transform:translateY(-2px)}.t-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:0 20px}.t-card{background:linear-gradient(135deg,var(--surface-2),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;color:var(--muted);font-size:15px;line-height:1.6;position:relative;backdrop-filter:blur(10px);transition:all .3s ease}.t-card:before{content:'"';position:absolute;top:-10px;left:20px;font-size:60px;color:var(--accent);opacity:.3;font-family:serif}.t-card:hover{transform:translateY(-4px);border-color:#fade314d;box-shadow:0 10px 25px #0003}.logo-animated{position:relative}.dice-roll-animation{animation:diceRoll 3s ease-in-out infinite;transform-origin:center}@keyframes diceRoll{0%,90%,to{transform:rotate(0) scale(1)}10%{transform:rotate(90deg) scale(1.1)}20%{transform:rotate(180deg) scale(1.2)}30%{transform:rotate(270deg) scale(1.1)}40%{transform:rotate(360deg) scale(1)}}.logo-animated:hover .dice-roll-animation{animation-duration:.6s}.hero-dice-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;opacity:.9;z-index:3;animation:heroFloat 4s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}.hero-dice-overlay img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@keyframes heroFloat{0%,to{transform:translate(-50%,-50%) scale(1) rotate(0)}25%{transform:translate(-50%,-50%) scale(1.05) rotate(2deg)}50%{transform:translate(-50%,-50%) scale(1.1) rotate(0)}75%{transform:translate(-50%,-50%) scale(1.05) rotate(-2deg)}}footer{background:var(--surface);border-top:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}@media (max-width: 1200px){.hero-grid{gap:60px;padding:0 20px}.l-container{max-width:calc(100% - 40px)}}@media (max-width: 768px){.hero{padding:80px 0 60px}.hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}.hero-media{height:300px;order:-1}.hero h1{font-size:clamp(36px,8vw,48px)}.hero .stats{gap:24px;justify-content:center}.grid-4{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.videos{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.t-grid{grid-template-columns:1fr}.logos{grid-template-columns:repeat(3,1fr);gap:24px}.inline-logos{gap:32px}.band{padding:60px 0}.showcase{padding:80px 0}}@media (max-width: 480px){.hero{padding:60px 0 40px}.hero-grid{padding:0 16px}.hero .stats{flex-direction:column;gap:16px;text-align:center}.btn{padding:14px 24px;font-size:14px}.grid-4{grid-template-columns:1fr;gap:16px;padding:0 16px}.logos{grid-template-columns:repeat(2,1fr)}.inline-logos{flex-direction:column;gap:24px}}
