.landing-page-container{--bg-color: #010409;--card-bg: rgba(13, 17, 23, .7);--card-border: rgba(48, 54, 61, .8);--text-primary: #e6edf3;--text-secondary: #7d8590;--accent-glow-1: #58a6ff;--accent-glow-2: #9b59b6;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);width:100%;min-height:100vh;padding:clamp(1rem,3vw,2rem);display:flex;justify-content:center;align-items:center;overflow-x:hidden;position:relative}.landing-page-container:before{content:"";position:absolute;top:50%;left:50%;width:120rem;height:120rem;background-image:radial-gradient(circle,var(--accent-glow-1),var(--accent-glow-2),transparent 60%);border-radius:50%;transform:translate(-50%,-50%);filter:blur(18rem);opacity:.1;z-index:-1;animation:moveAurora 25s infinite linear}@keyframes moveAurora{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.main-container{width:100%;max-width:1600px;height:100%;max-height:95vh;display:grid;grid-template-columns:1fr;gap:2rem;align-items:stretch;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.main-container::-webkit-scrollbar{display:none}.card{width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:1.5rem;padding:clamp(1.5rem,3vw,2.5rem);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeIn 1s ease-out;display:flex;flex-direction:column;transition:border-color .3s ease,box-shadow .3s ease;overflow:hidden}.card:hover{border-color:#58a6ff80;box-shadow:0 0 3rem #58a6ff1a}.cta-panel{display:flex}.cta-widget{text-align:center;display:flex;flex-direction:column;height:100%;width:100%;flex-grow:1}.cta-content-wrapper{flex-grow:1;display:flex;flex-direction:column;justify-content:center;min-height:0;overflow-y:auto;padding-bottom:1.5rem}.cta-buttons{flex-shrink:0}.info-widget{grid-area:info}.roadmap-panel{grid-area:roadmap}.supported-games-widget{grid-area:games}.logo-container{width:clamp(100px,15vw,130px);height:clamp(100px,15vw,130px);border-radius:1.25rem;margin:0 auto 1.5rem;border:4px solid rgba(255,255,255,.1);position:relative;display:flex;justify-content:center;align-items:center;background-color:#0d111780;box-shadow:0 0 25px #58a6ff1a,inset 0 0 15px #00000080}.sword{position:absolute;width:8px;height:70px;filter:drop-shadow(0 0 5px rgba(88,166,255,.4))}.sword-1{transform:rotate(-45deg)}.sword-2{transform:rotate(45deg)}.sword:before{content:"";position:absolute;top:0;left:0;width:100%;height:75%;background:linear-gradient(to right,#d0d0d5,#f5f5fa 50%,#d0d0d5);clip-path:polygon(50% 0%,100% 5%,100% 100%,0% 100%,0% 5%)}.sword:after{content:"";position:absolute;bottom:0;left:-10px;width:28px;height:25%;background-image:linear-gradient(to right,#6a6a6a,#8a8a8a,#6a6a6a),linear-gradient(#4a4a4a,#333),radial-gradient(circle at center,#999 3px,#666 4px,transparent 4px);background-size:100% 3px,8px 12px,100% 8px;background-repeat:no-repeat;background-position:center top,center 6px,center bottom}.cta-widget h1{font-size:clamp(2.2rem,5vw,3rem);font-weight:900;margin:0;letter-spacing:-.05em}.slogan{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;color:var(--accent-glow-2);text-shadow:0 0 10px rgba(155,89,182,.5);margin:.25rem 0 .5rem;text-transform:uppercase;letter-spacing:.1em}.gradient-text{background:linear-gradient(90deg,var(--accent-glow-1),#be79df);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:clamp(.9rem,1.5vw,1rem);color:var(--text-secondary);margin:0 auto 1.5rem;line-height:1.6;max-width:450px}.cta-button{display:inline-block;color:#fff;font-size:clamp(1rem,2vw,1.1rem);font-weight:700;padding:.8rem 2.5rem;border-radius:50px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.cta-button.primary{background-color:var(--accent-glow-1);box-shadow:0 0 30px #58a6ff66;animation:pulse 2s infinite}.cta-button.secondary{background-color:#30363dcc;border:1px solid var(--card-border)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 0 40px #58a6ff99}.cta-button.secondary:hover{box-shadow:0 0 20px #58a6ff33}.info-header h2{font-size:clamp(1.5rem,3vw,1.75rem);font-weight:700;margin:0 0 2rem}.info-steps-container{position:relative;display:flex;flex-direction:column;gap:clamp(1rem,3vh,1.5rem)}.info-step{display:flex;align-items:center;gap:1.5rem;text-align:left}.icon-wrapper{flex-shrink:0;width:clamp(50px,8vw,60px);height:clamp(50px,8vw,60px);border-radius:50%;background:linear-gradient(145deg,#30363d80,#0d111780);display:flex;justify-content:center;align-items:center;border:1px solid var(--card-border);z-index:1}.icon-wrapper svg{width:clamp(28px,4vw,32px);height:clamp(28px,4vw,32px);color:var(--accent-glow-1);stroke-width:1.5}.text-content h3{margin:0 0 .25rem;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:600;color:var(--text-primary)}.text-content p{margin:0;font-size:clamp(.85rem,1.5vw,.9rem);color:var(--text-secondary);line-height:1.6}.info-footer-slogan{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--card-border);margin-top:2rem;text-align:center;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:900}.info-footer-slogan u{text-decoration-color:var(--accent-glow-2);text-decoration-thickness:2px}.roadmap-panel h2{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;margin-top:0;margin-bottom:1rem}.tabs{display:flex;border-bottom:1px solid var(--card-border);margin-bottom:1rem;flex-shrink:0}.tab-button{padding:.5rem .75rem;border:none;background:none;color:var(--text-secondary);font-size:clamp(.8rem,1.5vw,.9rem);font-weight:600;cursor:pointer;position:relative}.tab-button.active{color:var(--text-primary)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--accent-glow-1)}.tab-content{display:none}.tab-content.active{display:block;overflow:hidden;flex-grow:1}.roadmap-list{list-style:none;padding:0;margin:0;max-height:15rem;overflow-y:auto;padding-right:.5rem}.roadmap-item{padding:1rem 0;border-bottom:1px solid var(--card-border);display:flex;flex-direction:column;gap:.25rem}.roadmap-item:last-child{border-bottom:none}.roadmap-item h3{font-size:clamp(.9rem,2vw,1rem);font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.status-tag{font-size:.65rem;font-weight:700;padding:.2rem .6rem;border-radius:20px;text-transform:uppercase;white-space:nowrap}.status-completed{background-color:#3fb95026;color:#3fb950}.status-progress{background-color:#58a6ff26;color:#58a6ff}.status-planned{background-color:#9b59b626;color:#9b59b6}.status-pending{background-color:#e67e2226;color:#e67e22}.status-close{background-color:#f1c40f26;color:#f1c40f}.supported-games-widget h2{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;margin-top:0;margin-bottom:1.5rem}.games-carousel{display:flex;overflow-x:auto;gap:1rem;padding-bottom:1rem;-ms-overflow-style:none;scrollbar-width:none}.games-carousel::-webkit-scrollbar{display:none}.game-card{flex:0 0 16rem;text-align:left;text-decoration:none;color:var(--text-primary)}.game-icon-container{width:100%;aspect-ratio:1 / 1;border-radius:.75rem;overflow:hidden;margin-bottom:.75rem;background-color:var(--bg-color);transition:transform .3s ease}.game-card:hover .game-icon-container{transform:scale(1.05)}.game-icon{width:100%;height:100%;object-fit:cover}.game-title{font-size:clamp(.9rem,2vw,1rem);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-stats{font-size:clamp(.75rem,1.5vw,.8rem);color:var(--text-secondary);font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@media (min-width: 1024px){.main-container{grid-template-columns:45fr 55fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"cta info" "roadmap games";overflow:hidden}.card{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.card::-webkit-scrollbar{display:none}}@media (max-width: 1023px){.main-container{display:flex;flex-direction:column;padding-bottom:4rem;max-height:none;height:auto}}