.learnjoy-public{--lp-ink:#102654;--lp-muted:#50617d;--lp-blue:#2155df;--lp-line:#dce4f0;color:var(--lp-ink);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f8faff;font-family:Nunito,system-ui,sans-serif;line-height:1.55;overflow-x:clip}.learnjoy-public *{box-sizing:border-box}.learnjoy-public ::selection{color:#102654;background:#f8d766}.learnjoy-public a{color:inherit;text-underline-offset:4px;text-decoration:none}.learnjoy-public button{font:inherit;cursor:pointer}.learnjoy-public :focus-visible{outline-offset:5px;outline:3px solid #ba6b00}.learnjoy-public h1,.learnjoy-public h2,.learnjoy-public h3,.learnjoy-public p{margin:0}.learnjoy-public h1,.learnjoy-public h2{letter-spacing:-.035em;text-wrap:balance;font-weight:900}.lp-skip{z-index:5;background:#fff;padding:12px;position:absolute;top:8px;left:8px;transform:translateY(-150%)}.lp-skip:focus{transform:none}.lp-header{align-items:center;gap:32px;max-width:1240px;margin:auto;padding:24px 36px;display:flex}.lp-logo{letter-spacing:-1.4px;white-space:nowrap;font-size:29px;font-weight:900}.lp-logo span{color:#e56620}.lp-header nav{align-items:center;gap:28px;margin:auto;font-size:14px;font-weight:800;display:flex}.lp-header nav a{padding:10px 0}.lp-header nav a:hover{text-decoration:underline}.lp-login{align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:900;display:flex}.lp-hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:30px;max-width:1240px;min-height:650px;margin:auto;padding:58px 36px 80px;display:grid}.lp-hero h1{max-width:590px;font-size:clamp(42px,5vw,67px);line-height:1.07}.lp-hero h1 span{color:var(--lp-blue)}.lp-hero-copy>p{color:var(--lp-muted);max-width:500px;margin:28px 0 30px;font-size:18px}.learnjoy-public .lp-button{background:var(--lp-blue);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:20px;min-height:54px;padding:14px 24px;font-size:16px;font-weight:900;transition:background .18s;display:inline-flex}.learnjoy-public .lp-button:hover{background:#173fae}.lp-hero-note{color:var(--lp-muted);margin-top:12px;font-size:12px;display:block}.lp-hero-art{place-items:center;min-width:0;padding:12px 12px 40px;display:grid;position:relative}.lp-hero-art>img{z-index:1;width:min(100%,450px);height:auto;position:relative}.lp-orbit{background:#e9efff;border-radius:50% 50% 44% 44%;position:absolute;inset:14% 1% 9%;transform:rotate(-12deg)}.lp-coin-ticket{z-index:2;background:#fff;border-radius:16px;align-items:center;gap:14px;padding:17px 22px;display:flex;position:absolute;bottom:65px;left:-5px;transform:rotate(-5deg);box-shadow:0 18px 40px #21385a1a}.lp-coin-ticket>svg{color:#976000;background:#fff0b7;border-radius:50%;width:35px;height:35px;padding:6px}.lp-coin-ticket span{font-size:12px}.lp-coin-ticket strong{font-size:21px;font-weight:900;display:block}.lp-joy-signature{color:var(--lp-muted);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex;position:absolute;bottom:0}.lp-demo-section{background:#eaf0fb;padding:80px 36px 96px;scroll-margin-top:24px}.lp-section-heading{justify-content:space-between;align-items:flex-end;gap:40px;max-width:1168px;margin:0 auto 38px;display:flex}.learnjoy-public h2{font-size:clamp(30px,3.3vw,44px);line-height:1.13}.lp-section-heading>p{max-width:330px;color:var(--lp-muted);font-size:16px}.lp-demo{background:#fff;border-radius:16px;max-width:1168px;margin:auto;overflow:hidden}.lp-demo-controls{border-bottom:1px solid var(--lp-line);justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;display:flex}.lp-role-options{flex-wrap:wrap;gap:4px;display:flex}.lp-role-options button{min-height:44px;color:var(--lp-muted);background:0 0;border:0;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:900}.lp-role-options button[aria-pressed=true]{background:var(--lp-ink);color:#fff}.lp-role-options button:hover:not([aria-pressed=true]){background:#f0f4fc}.lp-demo-label{color:var(--lp-muted);font-size:12px}.lp-demo-body{grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:40px;display:grid}.lp-demo-explanation h3{max-width:370px;font-size:29px;font-weight:900;line-height:1.2}.lp-demo-explanation>p{max-width:390px;color:var(--lp-muted);margin:18px 0 26px}.lp-demo-explanation ol{gap:15px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.lp-demo-explanation li{align-items:center;gap:11px;display:flex}.lp-demo-explanation li span{background:#eef3fd;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:grid}.lp-demo-screen{border:1px solid var(--lp-line);background:#f5f7fc;border-radius:16px;min-width:0;padding:22px;position:relative}.lp-screen-header{color:var(--lp-muted);justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12px;font-weight:800;display:flex}.lp-demo-wallet{color:#fff;background:#2452d5;border-radius:12px;gap:4px;padding:24px;display:grid}.lp-demo-wallet>span{font-size:14px;font-weight:800}.lp-demo-wallet>strong{font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:48px;font-weight:900;line-height:1.2;display:flex}.lp-demo-wallet svg{color:#ffcf45;width:35px;height:35px}.lp-demo-wallet small{color:#e2e9ff;font-size:11px}.lp-demo-reward{align-items:center;gap:12px;margin:20px 0;font-size:12px;display:flex}.lp-demo-reward>svg{color:#aa580f;flex-shrink:0;width:27px;height:27px}.lp-demo-reward strong{margin:4px 0;font-size:14px;line-height:1.35;display:block}.lp-demo-reward small{color:var(--lp-muted)}.lp-demo-award{background:var(--lp-ink);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;font-size:13px;font-weight:800;display:flex}.lp-demo-award:disabled{color:#165a39;cursor:default;background:#d9f0e5}.lp-demo-result{color:var(--lp-muted);text-align:center;min-height:36px;font-size:11px;margin-top:10px!important}.lp-reset{color:var(--lp-blue);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;min-height:40px;margin:0 auto;font-size:12px;display:flex}.lp-demo-activity{min-height:244px;padding:8px 0 24px}.lp-demo-activity>span,.lp-demo-activity>small{color:var(--lp-muted);font-size:12px}.lp-demo-activity h4{margin:15px 0;font-size:25px;font-weight:900;line-height:1.2}.lp-demo-activity p{color:var(--lp-muted);font-size:14px}.lp-demo-activity>strong{color:#855300;align-items:center;gap:7px;margin:20px 0 4px;font-size:21px;display:flex}.lp-demo-activity dl{gap:9px;margin:0;font-size:13px;display:grid}.lp-demo-activity dl>div{justify-content:space-between;gap:12px;display:flex}.lp-demo-activity dd{margin:0;font-weight:800}.lp-demo-activity dt{color:var(--lp-muted)}.lp-demo-screen.is-awarded .lp-demo-wallet>strong{animation:.48s cubic-bezier(.2,.7,.3,1) lp-celebrate}@keyframes lp-celebrate{50%{transform-origin:0;transform:scale(1.06)}}.lp-school-section{grid-template-columns:1fr 1fr;gap:100px;max-width:1168px;margin:auto;padding:100px 0;display:grid}.lp-school-section>div>p{color:var(--lp-muted);max-width:410px;margin-top:24px;font-size:17px}.lp-benefits{gap:30px;display:grid}.lp-benefits article{align-items:flex-start;gap:20px;display:flex}.lp-benefits article>svg{color:#b06a09;flex-shrink:0;width:26px;height:26px;margin-top:3px}.lp-benefits h3{margin-bottom:7px;font-size:20px;font-weight:900;line-height:1.3}.lp-benefits p{color:var(--lp-muted);font-size:15px}.lp-faq{border-top:1px solid var(--lp-line);grid-template-columns:.75fr 1fr;gap:100px;max-width:1168px;margin:auto;padding:70px 0 90px;display:grid}.lp-faq details{border-bottom:1px solid var(--lp-line);padding:20px 0}.lp-faq details:first-child{padding-top:0}.lp-faq summary{cursor:pointer;padding-right:12px;font-size:17px;font-weight:900}.lp-faq details p{color:var(--lp-muted);max-width:600px;margin-top:13px;font-size:15px}.lp-close{color:#fff;text-align:center;background:#102654;padding:70px 24px}.lp-close h2{margin-bottom:28px}.learnjoy-public .lp-close .lp-button{color:#102654;background:#fff}.lp-close-login{margin-top:18px;font-size:13px;display:block;color:#d4e1ff!important}.lp-close-login:hover{text-decoration:underline}.lp-footer{align-items:center;gap:30px;max-width:1240px;margin:auto;padding:30px 36px;display:flex}.lp-footer p{color:var(--lp-muted);font-size:13px}.lp-footer>a:last-child{margin-left:auto;font-size:13px;font-weight:800}@media (width<=1250px){.lp-school-section,.lp-faq{gap:60px;margin-left:36px;margin-right:36px}.lp-demo-body{gap:35px}}@media (width<=780px){.lp-header{padding:20px 24px}.lp-header nav{display:none}.lp-login{margin-left:auto}.lp-hero{grid-template-columns:1fr;gap:25px;min-height:0;padding:36px 24px 50px}.lp-hero h1{max-width:600px}.lp-hero-copy>p{max-width:600px;margin:22px 0;font-size:16px}.lp-hero-art{width:min(100%,420px);margin:auto;padding-bottom:34px}.lp-hero-art>img{max-width:340px}.lp-coin-ticket{padding:12px 16px;bottom:60px;left:0}.lp-demo-section{padding:50px 24px}.lp-section-heading{display:block}.lp-section-heading>p{max-width:500px;margin-top:18px}.lp-demo-controls{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}.lp-demo-body{grid-template-columns:1fr;gap:28px;padding:24px}.lp-demo-explanation h3{max-width:unset;font-size:25px}.lp-demo-explanation>p{max-width:unset}.lp-demo-screen{width:min(100%,460px);margin:auto}.lp-school-section,.lp-faq{grid-template-columns:1fr;gap:35px;margin:0 24px;padding:55px 0}.lp-school-section>div>p{max-width:600px}.lp-footer{flex-wrap:wrap;gap:12px 24px;padding:28px 24px}.lp-footer p{order:3;width:100%}.lp-close{padding:55px 24px}}@media (width<=380px){.lp-header,.lp-hero{padding-left:18px;padding-right:18px}.lp-hero h1{font-size:38px}.lp-role-options button{padding:10px 13px}.lp-demo-section{padding-left:14px;padding-right:14px}.lp-demo-body{padding:18px}.lp-demo-screen{padding:16px}.lp-coin-ticket strong{font-size:18px}.lp-joy-signature{font-size:11px}.lp-school-section,.lp-faq{margin:0 18px}.lp-footer>a:last-child{font-size:12px}}@media (prefers-reduced-motion:reduce){.learnjoy-public *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.lp-hero-actions{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.lp-text-link{align-items:center;gap:8px;min-height:44px;font-weight:800;display:inline-flex}.lp-text-link:hover{text-decoration:underline}.lp-footer nav{flex-wrap:wrap;align-items:center;gap:10px 24px;margin-left:auto;font-size:13px;font-weight:800;display:flex}.lp-footer nav a{overflow-wrap:anywhere;align-items:center;min-height:44px;display:inline-flex}.lp-footer nav a:hover{text-decoration:underline}@media (width<=780px){.lp-footer nav{width:100%;margin-left:0}}