.navbar{z-index:1000;background-color:#212529;height:56px;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 4px #0000001a}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 1rem;display:flex}.navbar-brand{color:#fff;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;text-decoration:none;display:flex}.navbar-brand:hover{color:#fff;text-decoration:none}.brand-icon{color:#ff69b4;filter:drop-shadow(0 0 2px #ff69b480);font-size:1.4rem}.navbar-links{align-items:center;gap:1rem;display:flex}.nav-link{color:#fffc;border-radius:6px;padding:.5rem 1rem;font-size:.95rem;text-decoration:none;transition:all .2s}.nav-link:hover{color:#fff;background:#ffffff1a}.signin-link{color:#fff;background:linear-gradient(45deg,#ff69b4,#9370db);padding:.5rem 1.25rem}.signin-link:hover{color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #ff69b44d}.hero-button{color:#fff;cursor:pointer;background:linear-gradient(45deg,#ff69b4,#9370db);border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:inherit;font-size:1.1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;transform:scale(1);box-shadow:0 4px 15px #ff69b44d}.hero-button:before{content:"";background:radial-gradient(circle,#ffffff4d 0%,#fff0 70%);width:200%;height:200%;transition:transform .5s;position:absolute;top:-50%;left:-50%;transform:scale(0)}.hero-button:hover{color:#fff;text-decoration:none;transform:scale(1.05);box-shadow:0 0 20px #ffb6c166}.hero-button:hover:before{transform:scale(1)}.hero-button .button-icon{font-size:1.2rem;transition:transform .3s}.hero-button:hover .button-icon{transform:translate(3px)}.hero-button.outline{border:2px solid #fff6;box-shadow:0 4px 15px #ff69b433}.hero-button.outline:hover{border-color:#fffc;box-shadow:0 6px 20px #ff69b466}.hero-button.secondary{background:linear-gradient(45deg,#9370db,orchid)}.hero-button.secondary:hover{background:linear-gradient(45deg,#a881ff,#ff8ae2);box-shadow:0 8px 25px #9370db66}@media (width<=576px){.hero-button{justify-content:center;width:100%;padding:.8rem}}.cta-section{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4b3f721a 0%,#1a1a2e1a 100%);border:1px solid #ffffff1a;border-radius:20px;margin-top:4rem;padding:3rem}.cta-section h3{color:#fff;text-shadow:0 0 10px #fff3;margin-bottom:1rem;font-size:2rem;font-weight:600}.cta-section p{color:#ffd4e5;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.2rem}@media (width<=768px){.cta-section{margin-top:2rem;padding:2rem 1.5rem}.cta-section h3{font-size:1.5rem}.cta-section p{font-size:1.1rem}}.landing-page{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);position:fixed;inset:56px 0 0;overflow:hidden}.landing-page:before{content:"";opacity:.5;pointer-events:none;will-change:transform;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#fff,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000),radial-gradient(2px 2px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 160px 120px,#fff,#0000);background-repeat:repeat;background-size:200px 200px;width:100%;height:100%;animation:4s ease-in-out infinite alternate twinkle;position:fixed;top:56px;left:0}.landing-content{-webkit-overflow-scrolling:touch;z-index:1;opacity:0;will-change:opacity;flex-direction:column;max-width:1200px;margin:0 auto;padding:4rem 2rem;animation:1s ease-out forwards fadeIn;display:flex;position:absolute;inset:0;overflow:hidden auto}.landing-content::-webkit-scrollbar{display:none}.landing-content{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.right-section{flex-direction:column;align-items:center;display:flex}.about-section{text-align:left;opacity:0;max-width:100%;margin-top:2rem;margin-left:auto;margin-right:auto;padding-top:3rem;animation:1s ease-out .8s forwards fadeIn}.about-section h2{color:#fff;text-shadow:0 0 10px #fff3;margin-bottom:1.5rem;font-size:1.8rem;font-weight:600}.mission-text{text-align:left;margin-bottom:2rem}.mission-text p{color:#e6e6fa;opacity:0;margin-bottom:1.5rem;animation:.8s ease-out forwards contentFade}.mission-text p:first-child{animation-delay:.2s}.mission-text p:nth-child(2){animation-delay:.4s}.mission-text p:nth-child(3){animation-delay:.6s}@keyframes contentFade{0%{opacity:0}to{opacity:1}}.intro-text{max-width:500px;margin-bottom:2rem;margin-left:auto;margin-right:auto;line-height:1.6;color:#ffd4e5!important;font-size:1.4rem!important}.shooting-star{opacity:0;pointer-events:none;filter:drop-shadow(0 0 6px #fffc);will-change:transform, opacity;z-index:0;background:linear-gradient(90deg,#0000,#fff,#0000);width:150px;height:2px;animation:8s cubic-bezier(.4,0,.2,1) infinite shoot;position:fixed}@media (width<=992px){.about-section{margin-top:3rem;padding:2rem 1.5rem 0}.about-section h2,.mission-text{text-align:center}.mission-text p{max-width:600px;margin:0 auto 2rem}}@media (width<=768px){.about-section{margin-top:2rem;padding:1.5rem 1rem 0}.about-section h2{font-size:1.5rem}.mission-text p{font-size:1.1rem}.cta-section{margin-top:2rem;padding:2rem 1.25rem}.cta-section h3{font-size:1.4rem}.cta-section p{font-size:1rem}}.left-section{position:relative}.illustration{filter:drop-shadow(0 0 30px #ffb6c133);width:240px;height:240px;margin:calc(3rem - 50px) auto 0;animation:6s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(1deg)}}.illustration:before{content:"";background:linear-gradient(45deg,#4b3f72 0%,#1a1a2e 100%);border-radius:50%;width:240px;height:240px;position:absolute;box-shadow:inset -20px -20px 50px #1a1a2ecc,inset 20px 20px 50px #4b3f7280,0 0 50px #ffb6c14d}.illustration .crater-1,.illustration .crater-2,.illustration .crater-3,.illustration .crater-4{opacity:.7;border-radius:50%;transition:all .3s;position:absolute;overflow:hidden;box-shadow:inset 2px 2px 4px #4b3f7280,inset -2px -2px 4px #1a1a2ecc}.illustration .crater-1{background:linear-gradient(225deg,#4b3f72 0%,#1a1a2e 100%);width:55px;height:55px;top:18%;left:22%;transform:rotate(-15deg)skew(-5deg)}.illustration .crater-2{background:linear-gradient(135deg,#4b3f72 0%,#1a1a2e 100%);width:40px;height:40px;top:32%;right:20%;transform:rotate(25deg)skew(10deg)}.illustration .crater-3{background:linear-gradient(315deg,#4b3f72 0%,#1a1a2e 100%);width:35px;height:35px;bottom:25%;left:25%;transform:rotate(-10deg)skew(-8deg)}.illustration .crater-4{background:linear-gradient(#4b3f72 0%,#1a1a2e 100%);width:45px;height:45px;bottom:28%;right:28%;transform:rotate(40deg)skew(5deg)}.illustration:hover .crater-1:after,.illustration:hover .crater-2:after,.illustration:hover .crater-3:after,.illustration:hover .crater-4:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:radial-gradient(circle,#ffffff26 0%,#0000 70%);border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.illustration .flag{transform-origin:0 100%;filter:drop-shadow(2px 4px 6px #0000004d);animation:4s ease-in-out infinite wave;position:absolute;top:40px;right:60px}.illustration .flag-pole{background:linear-gradient(90deg,#b8c1ec,#e6e6fa);border-radius:2px;width:4px;height:50px}.illustration .flag-cloth{clip-path:polygon(0 0,100% 0,100% 70%,0 100%);transform-origin:0;background:linear-gradient(45deg,#ff69b4,orchid);width:30px;height:20px;position:absolute;top:0;left:4px}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}h1{color:#fff;text-shadow:0 0 20px #ffffff4d;margin:3rem auto 0;font-size:4rem;font-weight:800;line-height:1.2}.mission-text p{color:#b8c1ec;max-width:500px;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.decorative-shape{opacity:.1;z-index:0;pointer-events:none;will-change:transform;background:linear-gradient(45deg,#ffd4e5,#e6e6fa);border-radius:50%;width:80px;height:80px;animation:6s ease-in-out infinite float;position:fixed;top:20%;right:10%}.decorative-shape:before{content:"";border:2px solid #ffb6c14d;border-radius:50%;width:160%;height:160%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(75deg)scaleY(.2);box-shadow:0 0 20px #ffb6c133}.decorative-shape:after{content:"";border:1px solid #9370db4d;border-radius:50%;width:150%;height:150%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(75deg)scaleY(.2);box-shadow:0 0 15px #9370db33}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:1}}.shooting-star:before{content:"";background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:-5px;transform:translateY(-50%);box-shadow:0 0 20px #fff}@keyframes shoot{0%{opacity:0;transform:rotate(45deg)translate(-100%)}10%{opacity:.5}70%{opacity:.3}to{opacity:0;transform:rotate(45deg)translate(200%)}}.lead-text{font-weight:500;color:#fff!important;font-size:1.25rem!important}.purpose-text{opacity:.9}.call-to-action-text{font-style:italic;color:#ffd4e5!important}.try-games-link{color:#fff;text-decoration:underline}.try-games-sub{color:#999;margin-top:.5rem;margin-bottom:0;font-size:.9rem}.text-center{text-align:center}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-5{margin-bottom:3rem}@media (width<=576px){.landing-content{padding:1.5rem .75rem}.about-section{padding:1rem .5rem 0}.about-section h2{font-size:1.3rem}.mission-text p{font-size:1rem;line-height:1.5}.cta-section{border-radius:12px;margin-top:1.5rem;padding:1.5rem 1rem}.cta-section h3{font-size:1.25rem}.cta-section p{font-size:.95rem}.hero-button{padding:.8rem 1.5rem;font-size:1rem}}.App{text-align:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}