html,body,#root{height:100%;margin:0}*{box-sizing:border-box}.lp-root{--lp-green: #2DAA74;--lp-teal: #3FB1B1;--lp-blue: #2872E5;--lp-ink: #16263A;--lp-lime: #C5FF91;height:100%;overflow-y:auto;background:linear-gradient(135deg,#2daa74,#2fa8c0,#2872e5) fixed;color:#fff;font-family:Outfit,sans-serif;scrollbar-width:none}.lp-root::-webkit-scrollbar{display:none}.lp-section{max-width:1140px;margin:0 auto;padding:0 24px}.lp-serif{font-family:Playfair Display,serif;font-weight:900;letter-spacing:-.01em;line-height:1.06}.lp-em{font-style:italic;background:linear-gradient(135deg,#c5ff91,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.lp-nav{position:sticky;top:0;z-index:100;padding:15px 24px;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}.lp-nav-inner{max-width:1140px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.lp-nav-links{display:flex;align-items:center;gap:6px}.lp-hero{position:relative;overflow:hidden;padding:64px 0 76px}.lp-hero-grid{max-width:1140px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.lp-hero-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35;pointer-events:none}.lp-glass{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:22px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 40px #081e322e}.lp-card{background:#fff;color:var(--lp-ink);border-radius:20px;padding:22px 20px;box-shadow:0 12px 34px #081e3229;transition:transform .18s,box-shadow .18s}.lp-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px #081e3238}.lp-features-grid,.lp-steps-grid,.lp-gami-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lp-showcase-row{display:flex;gap:28px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.lp-missions-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:900px){.lp-hero-grid{grid-template-columns:1fr;gap:36px;text-align:center}.lp-hero-grid .lp-hero-copy{display:flex;flex-direction:column;align-items:center}.lp-features-grid{grid-template-columns:1fr 1fr}.lp-steps-grid,.lp-gami-grid,.lp-missions-grid{grid-template-columns:1fr}}@media(max-width:560px){.lp-features-grid{grid-template-columns:1fr}.lp-nav-label{display:none}}.lp-phone{width:246px;border-radius:36px;background:#0e1726;padding:9px;box-shadow:0 28px 64px #081e3266,0 6px 16px #0003;flex-shrink:0}.lp-phone-screen{border-radius:28px;overflow:hidden;background:#f7f8fa;height:486px;position:relative}.lp-phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:96px;height:20px;background:#0e1726;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:20}.lp-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Outfit,sans-serif;font-weight:600;font-size:15px;padding:14px 26px;border-radius:14px;cursor:pointer;border:none;transition:transform .15s,box-shadow .15s,background .15s}.lp-btn-solid{background:#fff;color:var(--lp-ink);box-shadow:0 8px 22px #081e3238}.lp-btn-solid:hover{transform:translateY(-2px);box-shadow:0 12px 28px #081e3247}.lp-btn-lime{background:linear-gradient(135deg,#c5ff91,#fff);color:#1b5c2e;box-shadow:0 8px 22px #78c8504d}.lp-btn-lime:hover{transform:translateY(-2px)}.lp-btn-ghost{background:#ffffff1a;color:#fff;border:1.5px solid rgba(255,255,255,.45)}.lp-btn-ghost:hover{background:#ffffff2e}.lp-nav-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:11px;font-size:14px;font-weight:500;font-family:Outfit,sans-serif;cursor:pointer;border:none;background:transparent;color:#ffffffe0;transition:background .15s}.lp-nav-btn:hover{background:#ffffff24}.lp-nav-cta{padding:9px 18px;border-radius:11px;font-size:14px;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;border:none;background:#fff;color:var(--lp-ink);transition:transform .15s}.lp-nav-cta:hover{transform:translateY(-1px)}.lp-lang{display:inline-flex;align-items:center;gap:2px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:10px;padding:3px}.lp-lang-opt{border:none;background:transparent;cursor:pointer;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:700;color:#ffffffbf;padding:5px 9px;border-radius:7px;transition:background .15s,color .15s}.lp-lang-opt.on{background:#fff;color:var(--lp-ink)}.lp-social{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff1f;color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:background .15s,transform .15s}.lp-social:hover{background:#ffffff3d;transform:translateY(-2px)}.lp-faq-item{border-bottom:1px solid rgba(255,255,255,.16)}.lp-faq-q{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 4px;text-align:left;color:#fff;font-family:Outfit,sans-serif;font-size:17px;font-weight:500}.lp-faq-icon{flex-shrink:0;transition:transform .25s;font-size:22px;line-height:1}.lp-faq-item.open .lp-faq-icon{transform:rotate(45deg)}.lp-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;color:#ffffffd1;font-size:15px;line-height:1.6;padding:0 4px}.lp-faq-item.open .lp-faq-a{max-height:240px;padding:0 4px 20px}@keyframes lp-fadeup{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lp-fadeup{animation:lp-fadeup .6s cubic-bezier(.2,.7,.2,1) both}.lp-d1{animation-delay:.05s}.lp-d2{animation-delay:.13s}.lp-d3{animation-delay:.22s}.lp-d4{animation-delay:.3s}.koda-phone-demo{--teal: #3FB1B1;--blue: #2872E5;--blue-light: #EAF3FF;position:relative;flex-shrink:0}.phone-hint{position:absolute;top:-2.2rem;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.85rem;color:#fff9;display:flex;align-items:center;gap:6px;animation:hintPulse 2.4s ease-in-out infinite;pointer-events:none}@keyframes hintPulse{0%,to{opacity:.6;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(3px)}}.phone-frame{width:340px;height:700px;background:#111;border-radius:44px;border:8px solid #222;box-shadow:0 40px 100px #00000080,0 0 0 1px #333,inset 0 0 0 1px #444;overflow:hidden;position:relative;flex-shrink:0}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:22px;background:#111;border-radius:0 0 18px 18px;z-index:100}.koda-app-screen{width:100%;height:100%;background:#f5f6fa;font-family:Outfit,sans-serif;overflow:hidden;position:relative}.app-scroll{height:100%;display:flex;flex-direction:column;background:#f5f6fa}.app-body{flex:1;overflow-y:auto;padding:12px 14px 8px;scrollbar-width:none}.app-body::-webkit-scrollbar{display:none}.app-top{display:flex;justify-content:space-between;align-items:center;padding:28px 14px 6px;background:var(--teal)}.app-brand{font-family:Playfair Display,serif;font-weight:900;font-size:1.3rem;color:var(--blue-light)}.app-top-right{display:flex;align-items:center;gap:6px}.app-stat-pill{font-size:.75rem;font-weight:700;padding:4px 8px;border-radius:99px;display:flex;align-items:center;gap:3px}.app-stat-pill.flame{background:#fff3e0;color:#e65100}.app-stat-pill.bolt{background:#fffde7;color:#f57f17}.app-avatar{width:28px;height:28px;border-radius:50%;background:var(--blue-light);color:gray;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.app-level-row{display:flex;justify-content:space-between;padding:4px 14px 0;background:var(--teal);font-size:.68rem;color:#fff}.app-xp-track{height:5px;background:#eee;overflow:hidden;border-radius:99px}.app-xp-fill{height:100%;background:#3f81d6;border-radius:99px;transition:width .6s ease}.app-greeting{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;color:#16263a;margin-bottom:14px}.app-cards-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.app-feature-card{border-radius:14px;padding:14px 12px;color:#fff;cursor:pointer;transition:transform .15s}.app-feature-card:active{transform:scale(.97)}.app-feature-card.purple{background:#f08080d8}.app-feature-card.green{background:#f4a560e5}.feature-icon{font-size:1.5rem;display:block;margin-bottom:6px}.feature-name{font-size:.82rem;font-weight:700}.feature-sub{font-size:.68rem;opacity:.85;margin-top:3px}.app-goal-card{background:#049191;border-radius:16px;padding:14px;margin-bottom:16px;color:#fff}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.goal-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;opacity:.8;margin-bottom:4px}.goal-title{font-size:1rem;font-weight:700}.goal-count{text-align:right}.goal-num{font-size:1.8rem;font-weight:900;color:gold;line-height:1}.goal-done{font-size:.65rem;display:block;opacity:.8}.streak-days{display:flex;justify-content:space-between}.streak-day{display:flex;flex-direction:column;align-items:center;gap:4px}.streak-pip{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.day-done{background:#ffffffe6;color:#2daa74}.day-today{background:gold;color:#333}.day-empty{background:#fff3}.streak-label{font-size:.6rem;opacity:.8}.app-section-title{font-size:.62rem;font-weight:700;letter-spacing:.1em;color:#aaa;margin-bottom:10px;margin-top:4px}.app-mission-card{background:#fff;border-radius:14px;padding:14px;margin-bottom:14px;cursor:pointer;box-shadow:0 2px 12px #0000000f;transition:transform .15s}.app-mission-card:active{transform:scale(.98)}.mission-top{display:flex;gap:12px;margin-bottom:12px}.mission-icon-wrap{width:44px;height:44px;border-radius:12px;background:#f0f4ff;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.mission-tags{display:flex;gap:6px;align-items:center;margin-bottom:4px;flex-wrap:wrap}.mission-tag{font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:6px}.mission-xp-tag{font-size:.65rem;font-weight:700;padding:3px 8px;background:#fffde7;color:#f57f17;border-radius:6px}.mission-title{font-size:.95rem;font-weight:700;color:#16263a;margin-bottom:3px}.mission-info{font-size:.68rem;color:#999}.app-mission-mini{background:#fff;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;margin-bottom:8px;cursor:pointer;box-shadow:0 1px 8px #0000000d;transition:transform .15s}.app-mission-mini:active{transform:scale(.98)}.app-mission-mini.done{opacity:.6}.mini-icon{width:38px;height:38px;border-radius:10px;background:#f5f6fa;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.mini-body{flex:1;min-width:0}.mini-title{font-size:.85rem;font-weight:700;color:#16263a}.mini-arrow{color:#ccc;font-size:1.2rem}.done-check{color:#2daa74;font-size:1.1rem;font-weight:700}.app-btn-primary{width:100%;padding:13px;border-radius:12px;background:#06a3a3;color:#fff;border:none;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .15s;margin-top:4px}.app-btn-primary:active{transform:scale(.97);background:teal}.app-nav{display:flex;background:#fff;border-top:1px solid #f0f0f0;padding-bottom:4px}.app-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;background:none;border:none;cursor:pointer;font-family:Outfit,sans-serif;font-size:.58rem;color:#bbb;transition:color .15s}.app-nav-btn span:first-child{font-size:1.1rem}.app-nav-btn.active{color:teal}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.lb-row{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:10px 14px;box-shadow:0 1px 8px #0000000d}.lb-row.lb-me{background:#eaf3ff;border:1.5px solid rgb(4,145,145)}.lb-rank{width:28px;text-align:center;font-size:1rem;color:gray}.lb-avatar{width:32px;height:32px;border-radius:50%;background:#049191;color:#fff;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.lb-name{flex:1;font-size:.82rem;font-weight:600;color:#16263a}.lb-xp{font-size:.75rem;font-weight:700;color:#f57f17}.profile-hero{text-align:center;padding:16px 0 20px}.profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#2872e5,#3fb1b1);color:#fff;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.profile-name{font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;color:#16263a}.profile-title{font-size:.75rem;color:#888;margin-top:3px}.profile-stats{display:grid;grid-template-columns:1fr 1fr 1fr;background:#fff;border-radius:14px;padding:14px;margin-bottom:16px;box-shadow:0 1px 8px #0000000d}.pstat{text-align:center}.pstat-val{font-size:1.3rem;font-weight:800;color:#049191}.pstat-label{font-size:.62rem;color:#aaa}.badges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.badge-item{aspect-ratio:1;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 2px 8px #00000014}.badge-item.locked{background:#f0f0f0;opacity:.45;filter:grayscale(1)}.quest-detail-header{display:flex;justify-content:space-between;align-items:center;padding:28px 14px 10px;background:#fff;font-size:.82rem;font-weight:600;color:#16263a}.back-btn{background:none;border:none;font-size:1.5rem;color:#049191;cursor:pointer;padding:0;line-height:1}.quest-detail-hero{padding:20px 14px 16px;text-align:center}.quest-big-icon{font-size:3rem;margin-bottom:10px}.quest-detail-title{font-size:1.1rem;font-weight:700;color:#16263a;margin-bottom:6px}.quest-desc{font-size:.82rem;color:#555;line-height:1.6;margin-bottom:16px}.quest-reward-box{display:flex;justify-content:space-between;align-items:center;background:#fffde7;border-radius:10px;padding:10px 14px;font-size:.82rem;font-weight:600;color:#555;margin-bottom:14px}.reward-xp{color:#f57f17;font-weight:700}.done-banner{background:#e8f5e9;color:#2daa74;border-radius:10px;padding:12px;text-align:center;font-weight:700;font-size:.85rem}.xp-win-screen{height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#fff}.xp-win-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#2daa74,#3fb1b1,#2872e5);opacity:.1}.xp-win-content{text-align:center;padding:24px;position:relative;z-index:1}.xp-win-star{font-size:4rem;animation:starPop .5s cubic-bezier(.34,1.56,.64,1) both;color:gold}@keyframes starPop{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.xp-win-label{font-size:1rem;color:#16263a;font-weight:700;margin:10px 0 6px}.xp-win-gain{font-family:Playfair Display,serif;font-size:3rem;font-weight:900;color:#2872e5;animation:slideUp .5s .2s both}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.xp-win-sub{font-size:.8rem;color:#888;margin-bottom:20px}.xp-win-bar-wrap{display:flex;flex-direction:column;gap:6px;align-items:center}.xp-win-bar{width:200px;height:10px;background:#eee;border-radius:99px;overflow:hidden}.xp-win-fill{height:100%;width:0;background:linear-gradient(90deg,#2daa74,#2872e5);border-radius:99px;transition:width 1s ease}.xp-win-bar-wrap span{font-size:.72rem;color:#aaa}@media(max-width:420px){.phone-frame{width:300px;height:620px}}