@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";html,body,#root{width:100%;min-height:100%;margin:0;padding:0}html,body{background:#98b7d3}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}button,input,select,textarea{font-family:inherit}.App{text-align:center}html.route-unitap,body.route-unitap{overscroll-behavior:none;background:linear-gradient(#98b7d3 0%,#e6d6c6 50%,#f6b5a6 100%);width:100%;height:100%;margin:0;overflow:hidden}body.route-unitap #root{background:0 0;position:fixed;inset:0;overflow:hidden}html.route-landing,body.route-landing{background-color:#0f051d;background-image:radial-gradient(circle at 30% 30%,#140d3c99,#0000 60%),linear-gradient(160deg,#0f051d 0%,#140d3c 100%);background-repeat:no-repeat;background-size:100% 100%;width:100%;min-height:100%;margin:0}body.route-landing #root{background-color:#0f051d;background-image:radial-gradient(circle at 30% 30%,#140d3c99,#0000 60%),linear-gradient(160deg,#0f051d 0%,#140d3c 100%);background-repeat:no-repeat;background-size:100% 100%;min-height:100%}.landing-page{--clr-bg-1:#0f051d;--clr-bg-2:#140d3c;--clr-accent:#14f1ff;--clr-accent-2:#ff4df8;--clr-white:#eaeaea;--max-width:1100px;background:radial-gradient(circle at 30% 30%, #140d3c99, transparent 60%), linear-gradient(160deg, var(--clr-bg-1) 0%, var(--clr-bg-2) 100%);min-height:100vh;color:var(--clr-white);line-height:1.5;position:relative;overflow-x:hidden}.landing-page *,.landing-page :before,.landing-page :after{box-sizing:border-box}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4{letter-spacing:-.02em;margin:0;font-weight:700}.landing-page a{text-decoration:none}.landing-container{max-width:var(--max-width);z-index:2;margin:0 auto;padding:0 24px;position:relative}.landing-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.landing-title{background:linear-gradient(90deg, var(--clr-accent) 0%, var(--clr-accent-2) 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 18px #14f0ff4d;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3rem,6vw,5rem);line-height:1.05}.landing-lead{opacity:.94;text-align:center;max-width:780px;margin:0 auto;font-size:1.35rem}.landing-hero-lead{margin-top:10px}.landing-hero-sublead{margin-top:2px}.landing-tagline{opacity:.92;text-align:center;max-width:820px;margin:100px auto 0;font-size:1.15rem}.landing-btn{color:#111;background:linear-gradient(120deg, var(--clr-accent) 0%, var(--clr-accent-2) 100%);cursor:pointer;border:0;border-radius:50px;justify-content:center;align-items:center;padding:18px 46px;font-size:1.05rem;font-weight:700;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 0 18px #14f0ff66}.landing-btn:hover{transform:translateY(-5px)scale(1.04)}.landing-hero-btn{letter-spacing:.01em;border-radius:999px;margin-top:20px;padding:28px 72px;font-size:1.45rem;font-weight:800;box-shadow:0 0 28px #14f0ff7a}.landing-section{padding:20px 0}.landing-section-title{text-align:center;background:linear-gradient(90deg, var(--clr-accent) 0%, var(--clr-accent-2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:54px 0;font-size:clamp(2.3rem,4vw,3.4rem)}.landing-stats{text-align:center;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:36px;display:grid}.landing-stat{-webkit-backdrop-filter:blur(1.5px);background:linear-gradient(#ffffff0b 0%,#ffffff05 100%);border:1px solid #ffffff29;border-radius:24px;flex-direction:column;height:100%;padding:40px 28px;transition:transform .35s,box-shadow .35s,border-color .35s,background .35s;display:flex;box-shadow:0 6px 18px #00000024,inset 0 1px #ffffff1f}.landing-stat:hover,.landing-card:hover,.landing-game-tile:hover{transform:translateY(-8px)}.landing-stat:hover{background:#ffffff12;border-color:#14f0ff38;box-shadow:0 14px 32px #00000029}.landing-stat strong{background:linear-gradient(90deg, var(--clr-accent) 0%, var(--clr-accent-2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.1rem;display:block}.landing-source{opacity:.8;margin-top:20px;font-size:.86rem}.landing-source a{color:var(--clr-white);text-decoration:underline}.landing-features{text-align:center;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px;margin-top:22px;margin-bottom:24px;display:grid}.landing-card{-webkit-backdrop-filter:blur(1.5px);background:linear-gradient(#ffffff0b 0%,#ffffff05 100%);border:1px solid #ffffff29;border-radius:28px;padding:44px 30px;transition:transform .35s;box-shadow:0 6px 18px #00000024,inset 0 1px #ffffff1f}.landing-card p{margin-top:18px}.landing-games-intro{text-align:center;color:#ffffffe6;max-width:860px;margin:24px auto 0;font-size:1.35rem;line-height:1.75}.landing-games-flow{flex-direction:column;gap:42px;margin-top:56px;display:flex}.landing-game-tile{text-align:center;color:#111;background:linear-gradient(120deg, var(--clr-accent) 0%, var(--clr-accent-2) 100%);cursor:pointer;border:none;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:min(100%,640px);min-height:190px;margin:0 auto;padding:26px 28px;text-decoration:none;transition:transform .22s,box-shadow .22s;display:flex;box-shadow:0 0 24px #14f0ff3d}.landing-game-tile:hover{background:linear-gradient(120deg, var(--clr-accent) 0%, var(--clr-accent-2) 100%);border:none;transform:translateY(-3px)scale(1.01);box-shadow:0 0 30px #14f0ff57}.landing-game-tile-start{border:none;box-shadow:0 0 24px #14f0ff3d}.landing-module-kicker{display:none}.landing-game-tile h3{color:#111;text-align:center;margin:0 0 12px;font-size:2rem;line-height:1.1}.landing-game-copy{color:#111111d1;text-align:center;max-width:680px;margin:0;font-size:1.15rem;line-height:1.7}.landing-game-action{width:auto;box-shadow:none;letter-spacing:.01em;color:#111;background:0 0;border:none;margin-top:2px;padding:0;font-size:1rem;font-weight:800;display:inline-block}.landing-cta{padding-top:132px;padding-bottom:72px}.landing-cta-form{text-align:center;-webkit-backdrop-filter:blur(1.5px);background:linear-gradient(#ffffff0b 0%,#ffffff05 100%);border:1px solid #ffffff29;border-radius:28px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;max-width:760px;margin:0 auto;padding:28px;display:flex;box-shadow:0 6px 18px #00000024,inset 0 1px #ffffff1f}.landing-email{border:none;border-radius:999px;width:320px;max-width:100%;margin-right:0;padding:20px 26px;font-size:1rem}.landing-cta-button{border-radius:999px;padding:26px 56px;font-size:1.22rem;font-weight:800}.landing-cta-status{color:#ffffffc7;flex-basis:100%;margin:4px 0 0;font-size:.95rem;line-height:1.45}.landing-cta-status-success{color:#caffdbeb}.landing-cta-status-error{color:#ffcacaf0}.landing-cta-button:disabled{cursor:wait;opacity:.72}.landing-faq{gap:14px;max-width:820px;margin:16px auto 0;display:grid}.landing-faq-item{-webkit-backdrop-filter:blur(1.5px);background:linear-gradient(#ffffff0b 0%,#ffffff05 100%);border:1px solid #ffffff29;border-radius:22px;padding:0;overflow:hidden;box-shadow:0 6px 18px #00000024,inset 0 1px #ffffff1f}.landing-faq-question{text-align:left;width:100%;color:var(--clr-white);cursor:pointer;text-shadow:0 1px 10px #00000029;background:0 0;border:0;padding:18px 22px;font-size:.98rem;font-weight:700;line-height:1.45;position:relative}.landing-faq-question:after{content:"+";font-size:1.25rem;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.landing-faq-item.open .landing-faq-question:after{content:"–"}.landing-faq-answer{max-height:0;transition:max-height .28s;overflow:hidden}.landing-faq-answer p{color:#ffffffe6;text-shadow:0 1px 10px #0000001f;margin:0;padding:0 22px 20px}.landing-footer-wrap{background:linear-gradient(#ffffff05 0%,#ffffff0a 100%);border-top:1px solid #ffffff14;margin-top:28px;padding:24px 0 44px}.landing-footer{grid-template-columns:minmax(0,1.2fr) minmax(0,1.8fr);align-items:start;gap:36px;padding-top:24px;padding-bottom:28px;display:grid}.landing-footer-brand{max-width:340px}.landing-footer-logo{letter-spacing:.08em;color:var(--clr-white);font-size:1.4rem;font-weight:800}.landing-footer-copy{color:#ffffffc7;margin:14px 0 0;line-height:1.65}.landing-footer-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.landing-footer-column{flex-direction:column;gap:12px;display:flex}.landing-footer-column h3{letter-spacing:.04em;text-transform:uppercase;color:#ffffffb8;font-size:.95rem;font-weight:800}.landing-footer-link{color:var(--clr-white);opacity:.92;transition:opacity .2s,transform .2s}.landing-footer-link:hover{opacity:1;transform:translate(2px)}.landing-footer-bottom{border-top:1px solid #ffffff14;padding-top:20px}.landing-footer-meta{opacity:.72;font-size:.95rem}.landing-fixed-actions{z-index:2500;pointer-events:none;justify-content:space-between;gap:16px;display:flex;position:fixed;top:24px;left:24px;right:24px}.landing-fixed-actions>*{pointer-events:auto}.landing-fixed-btn{padding:10px 18px;font-size:.95rem;text-decoration:none}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (width<=980px){.landing-games-flow{gap:30px}.landing-game-tile{border-radius:24px;width:100%;min-height:170px;padding:22px 18px}.landing-game-tile h3{font-size:1.55rem}.landing-game-copy{font-size:.95rem;line-height:1.5}.landing-hero{gap:24px;padding-top:80px;padding-bottom:40px}.landing-footer{grid-template-columns:1fr}.landing-footer-brand{max-width:none}}@media (width<=720px){.landing-email{width:100%;max-width:100%;margin-bottom:0}.landing-cta-button{width:100%}.landing-fixed-actions{top:16px;left:16px;right:16px}.landing-footer-columns{grid-template-columns:1fr;gap:22px}}@media (width<=600px){.landing-container{padding:0 16px}.landing-title{font-size:clamp(2.4rem,11vw,3.4rem)}.landing-lead,.landing-games-intro{font-size:1.08rem;line-height:1.65}.landing-tagline{margin-top:28px;font-size:1.02rem}.landing-section-title{margin:40px 0}.landing-hero-btn{padding:22px 34px;font-size:1.12rem}.landing-cta{padding-top:108px}.landing-cta-form{padding:22px 16px}.landing-footer-wrap{padding-bottom:32px}.landing-fixed-btn{padding:8px 12px}}
