:root{--text-color-title: #ffffff;--text-color-primary: #e2e8f0;--text-color-secondary: #94a3b8;--button-primary-color: #ffffff;--button-primary-border: transparent;--button-primary-bg: #8b5cf6;--button-primary-hover: #7c3aed;--button-primary-shadow: 0 0 15px rgba(139, 92, 246, .5);--button-secondary-color: #ffffff;--button-secondary-border: rgba(255, 255, 255, .1);--button-secondary-bg: rgba(255, 255, 255, .05);--button-secondary-hover: rgba(255, 255, 255, .1);--section-bg: rgba(15, 23, 42, .6);--section-border: rgba(255, 255, 255, .05);--section-backdrop: blur(12px);--loader-bck: rgba(15, 23, 42, .95);--loader-color: #8b5cf6}body{margin:0;background-color:#020617;color:var(--text-color-primary);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}html{border:0px;margin:0;padding:0;background-position-y:0px;background-attachment:fixed;background-size:cover;scroll-behavior:smooth}body div.bck{position:fixed;top:0;left:0;width:100%;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/imgs/background.png);filter:brightness(.4) saturate(1.2);border:0px;margin:0;padding:0;z-index:-1}h1,h2,h3,h4,.title,.subtitle{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2;margin-top:0}h1{font-size:clamp(2rem,5vw,4rem)}h2{font-size:clamp(1.5rem,3vw,2.5rem)}h3{font-size:clamp(1.25rem,2vw,1.75rem)}h4{font-size:clamp(1.1rem,1.5vw,1.25rem)}.title{margin-bottom:1.5rem}p{font-family:Inter,sans-serif;font-size:1.125rem;line-height:1.7;color:var(--text-color-primary)}a{color:#8b5cf6}.text-center{text-align:center}.text-justified{text-align:justify}.color-title{color:var(--text-color-title);background:linear-gradient(to right,#fff,#8c6fe3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.color-primary{color:var(--text-color-primary)}.no-margin{margin:0}.section{box-sizing:border-box;width:min(90%,1200px);margin:auto;padding:3rem;margin-top:3rem;margin-bottom:3rem;border-radius:24px;background-color:var(--section-bg);border:1px solid var(--section-border);backdrop-filter:var(--section-backdrop);-webkit-backdrop-filter:var(--section-backdrop);box-shadow:0 25px 50px -12px #00000080;transition:transform .3s ease,box-shadow .3s ease}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.gap-8{gap:2rem}.frame{box-sizing:border-box;width:100%;height:100%;top:0;left:0;margin:0}.jg-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:Outfit,sans-serif;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.jg-button:hover{scale:1.05}.jg-button:active{transform:scale(.95)}.jg-button.level-primary{border:1px solid var(--button-primary-border);background-color:var(--button-primary-bg);color:var(--button-primary-color)}.jg-button.level-primary:hover{background-color:var(--button-primary-hover)}.jg-button.level-secondary{border:1px solid var(--button-secondary-border);background-color:var(--button-secondary-bg);color:var(--button-secondary-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.jg-button.level-secondary:hover{background-color:var(--button-secondary-hover)}.jg-button.level-tertiary{background-color:var(--button-primary-bg);color:#fff;border:none}.jg-button.level-tertiary:hover{background-color:var(--button-primary-hover)}.jg-button.size-small{font-size:.875rem;padding:8px 16px;border-radius:12px}.jg-button.size-normal{font-size:1rem;padding:12px 24px;border-radius:16px}.jg-button.size-big{font-size:1.25rem;padding:16px 32px;border-radius:20px}.hero-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative;z-index:10;overflow:hidden;border-bottom:2px solid rgba(139,92,246,.4);box-shadow:0 10px 30px #000000b3}.hero-logo-container{margin-bottom:2rem}.hero-logo{max-width:400px;width:100%;filter:drop-shadow(0 0 20px rgba(139,92,246,.4))}.hero-title{margin-bottom:3rem;font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:-1px}.hero-title.no-anim{display:none}.hero-title.anim{display:block}.hero-actions{display:flex;gap:1rem;justify-content:center}.hero-bg{position:absolute;top:50%;left:50%;width:120%;height:120%;background-repeat:no-repeat;background-position:center;background-size:contain;filter:blur(100px);opacity:.3;z-index:-2;transform:translate(-50%,-50%);animation:move 8s ease-in-out infinite alternate}.hero-overlay-dark{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0f172a66,#0f172a 90%);z-index:-1}@keyframes move{0%{opacity:.4;transform:translate(-50%,-50%) scale(1)}to{opacity:.6;transform:translate(-50%,-40%) scale(1.1)}}@media(max-width:570px){.hero-title.anim{display:none!important}.hero-title.no-anim{display:block!important}}.about-section{position:relative;overflow:hidden}.about-content{position:relative;z-index:2}.about-text-container{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.highlight{color:#a78bfa;font-weight:600}.about-actions{margin-top:2.5rem;display:flex;justify-content:flex-start}.about-section:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(circle,#8b5cf61a,#0000 70%);transform:rotate(-15deg);pointer-events:none;z-index:1}.game-card{background:#1e293bb3;border:1px solid rgba(255,255,255,.05);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;display:flex;flex-direction:column;height:100%;cursor:pointer}.game-card:hover{box-shadow:0 20px 40px -10px #00000080,0 0 20px #8b5cf633;border-color:#8b5cf64d}.game-card-image-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;flex-shrink:0}.game-card-image{width:100%;height:100%;object-fit:cover;transition:1s cubic-bezier(.075,.82,.165,1)}.game-card:hover .game-card-image{scale:1.2}.game-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0f172ae6,#0f172a33);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.game-overlay-discover{color:#fff;font-size:1.25rem;font-weight:600;padding:10px 20px;background-color:var(--button-primary-bg);border-radius:100px}.game-card:hover .game-card-overlay{opacity:1}.game-card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.game-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.game-card-tag{background:#8b5cf626;color:#c4b5fd;padding:4px 10px;border-radius:8px;font-size:.75rem;font-family:Inter,sans-serif;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.game-card-title{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.game-card-description{color:var(--text-color-secondary);font-size:.95rem;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;max-height:4.5em;transition:max-height .6s cubic-bezier(.16,1,.3,1),opacity .6s ease}.game-card.hidden-card{opacity:0!important;pointer-events:none}.game-card-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}.game-card-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:fadeIn .6s ease forwards;pointer-events:auto}.game-card-modal-container.closing .game-card-backdrop{animation:fadeOut .6s ease forwards}.game-card.expanded{pointer-events:auto;cursor:default;overflow:hidden!important}.game-card-scrollable-content{display:flex;flex-direction:column;flex:1;overflow-y:hidden;height:100%}.game-card.expanded.animating .game-card-scrollable-content{overflow-y:auto}.game-card.expanded:hover{box-shadow:none;border-color:#ffffff0d;transform:none!important}.game-card.expanded:hover .game-card-image{scale:1}.game-card.expanded .game-card-description{-webkit-line-clamp:unset;display:block;margin-bottom:2rem;max-height:800px}.game-card.expanded.closing .game-card-description{max-height:4.5em;margin-bottom:0}.game-card-actions{margin-top:auto;display:flex;justify-content:flex-end;align-items:center}.game-card-coming-soon{color:var(--text-color-secondary, #94a3b8);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:10px 20px;background:#ffffff0d;border-radius:100px;border:1px dashed rgba(255,255,255,.2)}.game-card.expanded .game-card-actions,.game-card.expanded .game-card-close{transition:opacity .4s ease;opacity:0}.game-card.expanded.animating .game-card-actions,.game-card.expanded.animating .game-card-close{opacity:1}.game-card.expanded.closing .game-card-actions,.game-card.expanded.closing .game-card-close{opacity:0}.game-card-close{position:absolute;vertical-align:middle;top:1rem;right:1rem;background:#0f172a99;color:#fff;border:none;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;z-index:10;transition:background .3s ease,opacity .4s ease}.game-card-close:hover{background:#ef4444cc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.games-section{background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding-left:0;padding-right:0}.games-section:hover{transform:none;box-shadow:none}.games-header{text-align:center;margin-bottom:4rem}.games-subtitle{margin-top:1rem;color:var(--text-color-secondary)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2.5rem;padding:1rem}.game-card-wrapper{height:100%}.home-page{width:100%;min-height:100vh;display:flex;flex-direction:column}.content-container{max-width:1400px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:4rem;padding-bottom:2rem}.footer{padding:10px!important;margin:0 auto;text-align:center}.loader{box-sizing:border-box;position:fixed;opacity:1;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;background-color:var(--loader-bck);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);z-index:1000;transition:.2s ease}.loader h1{color:var(--loader-color)}.loader svg{width:50%;height:10%;color:var(--loader-color);stroke:var(--loader-color);animation:spin 1s linear forwards infinite}.loader.hidden{pointer-events:none;opacity:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}