@import "https://fonts.googleapis.com/css2?family=Nunito:wght@500;600;700;800;900&display=swap";:root{color:#102c3d;--green:#49a932;--navy:#0a3354;--red:#e52335;--yellow:#ffb90f;--line:#e4e5df;background:#f7f8f5;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.app{min-height:100vh;display:flex}.sidebar{z-index:20;border-right:1px solid var(--line);background:#fff;flex-direction:column;width:270px;display:flex;position:fixed;inset:0 auto 0 0}.logo{border-bottom:1px solid var(--line);text-align:center;height:124px;padding:22px 30px}.logo b{color:#153746;font-size:30px;font-weight:900;line-height:1;display:block}.logo span{color:#42a237;letter-spacing:7px;font-size:17px;font-weight:900;display:block}.logo small{font-size:8px;font-weight:900}.player{align-items:center;gap:12px;padding:15px 20px;display:flex}.player img{object-fit:cover;image-rendering:auto;width:58px;height:68px}.player div div{width:135px}.player b{font-size:13px;display:block}.player span{color:#fff;background:#50ad43;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-block}.player small{font-size:10px}.xp{background:#ddd;border-radius:10px;height:6px;margin:8px 0 3px}.xp i{border-radius:inherit;background:#d8ab4d;width:60%;height:100%;display:block}nav{padding:7px 10px;overflow:auto}nav button{text-align:left;color:#172d37;background:0 0;border:0;border-radius:10px;grid-template-columns:25px 1fr 18px;align-items:center;gap:10px;width:100%;margin:2px 0;padding:11px 13px;font-weight:800;display:grid}nav button svg{width:20px}nav button svg:last-child{opacity:0}nav button.active{color:#358827;background:#e8f5dc}nav button.active svg:last-child{opacity:1}.streak{background:#fff9e7;border:1px solid #f0ddb1;border-radius:13px;gap:9px;margin:auto 18px 18px;padding:14px;display:flex}.streak svg{color:#f06522}.streak small{margin-top:5px;font-size:10px;display:block}.close{display:none}.shell{width:calc(100% - 270px);margin-left:270px}header{border-bottom:1px solid var(--line);z-index:10;background:#fff;grid-template-columns:1fr auto;align-items:center;height:76px;padding:0 28px;display:grid;position:sticky;top:0}.wallet{align-items:center;gap:22px;display:flex}.wallet span,.wallet button{align-items:center;gap:7px;font-weight:900;display:flex}.wallet svg{width:22px}.wallet span:first-child svg{color:#f5ab00}.wallet span:nth-child(2) svg{color:#1769dc}.wallet button{background:0 0;border:0;position:relative}.wallet button i{color:#fff;background:#d9382d;border-radius:9px;padding:2px 5px;font-size:8px;position:absolute;top:-5px;right:-5px}.language{border:1px solid #ddd!important;border-radius:9px!important;padding:7px!important}.menub{display:none}.mission{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:42px minmax(270px,1fr) minmax(240px,350px) auto;align-items:center;gap:13px;min-height:100px;margin:20px 24px 16px;padding:17px 26px;display:grid;box-shadow:0 4px 20px #17364a0d}.mission .flag{color:green;font-size:40px}.mission small{font-size:11px;font-weight:900}.mission h1{margin:2px 0;font-size:20px}.mission p{color:#6d7478;margin:0;font-size:12px}.mission-progress label{justify-content:space-between;font-size:11px;display:flex}.mission-progress>div{background:#ddd;border-radius:8px;height:8px;margin-top:9px}.mission-progress i{background:var(--green);border-radius:inherit;width:60%;height:100%;display:block}.mission>button,.showcase button,.empty button{background:var(--yellow);border:1px solid #d99600;border-radius:8px;padding:14px 24px;font-weight:900;box-shadow:inset 0 -3px #e09b00}.dashboard{grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin:0 24px 28px;display:grid}.center{min-width:0}.mapcard,.panel,.calculatorbox{border:1px solid var(--line);background:#fff;border-radius:14px;box-shadow:0 3px 15px #17364a09}.sectionhead{justify-content:space-between;padding:13px;display:flex}.sectionhead h2,.railtitle,.panel h2{margin:0;font-size:14px}.sectionhead p{color:#71777b;margin:4px 0;font-size:11px}.sectionhead button{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;font-weight:800;display:flex}.sectionhead svg{width:15px}.mapimg{background:#cde7a0;border-radius:0 0 13px 13px;height:445px;margin:0 0 4px;position:relative;overflow:hidden}.mapimg img{object-fit:cover;width:100%;height:100%}.mapfade{background:linear-gradient(#0000,#fff);height:18%;position:absolute;inset:auto 0 0}.railtitle{margin:16px 10px 8px}.lessons{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.lessons article{border:1px solid var(--line);background:#fff;border-radius:11px;grid-template-columns:65px 1fr 28px;align-items:center;gap:9px;min-height:103px;padding:9px;display:grid}.thumb{background:#eee;border-radius:8px;place-items:center;height:75px;font-size:30px;display:grid}.thumb.phone{background:#a6dcf2}.lessons span,.lessons small{color:#6d777b;font-size:9px;display:block}.lessons b{margin:6px 0;font-size:11px;display:block}.lessons button{color:#fff;background:#3291e8;border:0;border-radius:6px;width:25px;height:25px;padding:5px}.lessons svg{width:14px}.mini{background:#ddd;border-radius:5px;height:5px}.mini i{background:#348de1;width:60%;height:100%;display:block}.tools{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tools button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:11px;font-size:10px;font-weight:800;display:flex}.tools svg{color:#2486c8;width:25px}.rightbar{flex-direction:column;gap:13px;display:flex}.panel{padding:15px}.panel h2{margin-bottom:11px}.statgrid{grid-template-columns:1fr 1fr;display:grid}.stat{border:1px solid var(--line);grid-template-columns:35px 1fr;align-items:center;min-height:88px;padding:12px;display:grid}.stat svg{color:#31a66a;grid-row:1/3}.stat b{font-size:23px}.stat small{font-size:9px}.task{border:1px solid var(--line);border-radius:8px;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;margin:7px 0;padding:10px;font-size:10px;display:grid}.task svg{color:#42a837;width:18px}.task div div{background:#ddd;border-radius:5px;height:5px;margin-top:7px}.task i{background:#4aad3e;height:100%;display:block}.task span{font-size:9px}.badges{text-align:center;justify-content:space-around;display:flex}.badges>span{color:#f2ac00;font-size:38px}.badges small{color:#1a2e38;width:70px;font-size:9px;display:block}.page{max-width:1450px;margin:auto;padding:26px}.pagetitle{align-items:center;gap:15px;margin-bottom:21px;display:flex}.pagetitle>span{color:#42a033;background:#e7f4df;border-radius:14px;place-items:center;width:55px;height:55px;display:grid}.pagetitle h1{margin:0;font-size:28px}.pagetitle p{color:#68747b;margin:2px 0}.coursegrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.coursegrid article{border:1px solid var(--line);opacity:.65;background:#fff;border-radius:13px;grid-template-columns:44px 1fr 40px;align-items:center;gap:12px;padding:15px;display:grid}.coursegrid article.done{opacity:1}.coursegrid>article>span{background:#dfe3e3;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.coursegrid .done>span{color:#fff;background:#53af3d}.coursegrid small{color:#4a9d3a;font-size:9px;font-weight:900}.coursegrid h3{margin:2px 0;font-size:14px}.coursegrid p{color:#758087;margin:0;font-size:10px}.coursegrid button{color:#fff;background:#2f91e2;border:0;border-radius:50%;width:35px;height:35px;padding:8px}.calctabs{gap:8px;margin-bottom:12px;display:flex}.calctabs button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 18px;font-weight:900}.calctabs button.active{background:var(--navy);color:#fff}.calculatorbox{padding:17px}.calchead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.calchead h2{color:#092b52;margin:0;font-size:31px}.calchead p{color:#e32537;margin:0;font-weight:900}.calchead>div:last-child{gap:9px;display:flex}.calchead button{color:#fff;background:#e52335;border:0;border-radius:8px;align-items:center;gap:6px;padding:10px 15px;font-weight:800;display:flex}.calchead button:last-child{color:#20354a;background:#fff;border:1px solid #bbb}.calchead svg{width:18px}.arvgrid{grid-template-columns:1.2fr repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.arvgrid section,.maogrid section{border:1px solid #b7cae1;border-radius:10px;padding:13px}.arvgrid h3,.maogrid h3{align-items:center;gap:7px;margin:0 0 12px;font-size:14px;display:flex}.arvgrid h3 svg{color:#287dcc;width:20px}.arvgrid label,.maogrid label{margin:9px 0;font-size:10px;font-weight:800;display:block}.arvgrid input,.arvgrid select{border:1px solid #cad0d4;border-radius:6px;width:100%;margin-top:4px;padding:9px}.num{border:1px solid #cad0d4;border-radius:6px;align-items:center;margin-top:4px!important;display:flex!important}.num span{padding:0 8px}.num input{min-width:0;border:0!important;margin:0!important;padding:8px!important}.result{text-align:center;background:#fffdf5;border:1px solid #e7c16a;border-radius:12px;margin-top:12px;padding:13px}.result small,.result span{display:block}.result b{color:#e52335;font-size:43px;display:block}.maogrid{grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0;display:grid}.rules{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.rules button{background:#fff;border:1px solid #bac3cc;padding:9px}.rules button.active{color:#fff;background:#d82333}.roadmap{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:14px;padding-top:16px;display:flex}.offer{color:#fff;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;width:190px;min-height:120px;display:flex}.offer small{font-weight:900}.offer b{font-size:28px}.red{background:#cc2633}.blue{background:#3282bb}.gold{background:#eaaa25}.green{background:#5d9b58}.showcase{border:1px solid var(--line);text-align:center;background:#fff;border-radius:15px;padding:15px}.showcase img{object-fit:contain;border-radius:10px;width:100%;max-height:670px;display:block}.showcase button{align-items:center;gap:8px;margin:15px auto 0;display:flex}.empty{border:1px solid var(--line);text-align:center;background:#fff;border-radius:15px;align-content:center;place-items:center;min-height:450px;display:grid}.empty>svg{color:#4aa23c;width:70px;height:70px}.empty p{color:#6f7a80;max-width:450px}.empty button{width:160px}.empty h3{margin-bottom:0;font-size:23px}@media (width<=1150px){.dashboard{grid-template-columns:1fr}.rightbar{grid-template-columns:repeat(3,1fr);display:grid}.arvgrid,.maogrid{grid-template-columns:1fr 1fr}.mapimg{height:380px}.mission{grid-template-columns:40px 1fr auto}.mission-progress{display:none}}@media (width<=820px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:none}.close{background:0 0;border:0;display:block;position:absolute;top:10px;right:10px}.shell{width:100%;margin-left:0}.menub{background:0 0;border:0;display:block}.mission{grid-template-columns:38px 1fr;margin:12px}.mission>button{grid-column:1/3}.dashboard{margin:0 12px 18px}.rightbar,.lessons,.tools,.coursegrid{grid-template-columns:1fr}.mapimg{height:290px}.arvgrid,.maogrid{grid-template-columns:1fr}.roadmap{justify-content:flex-start;overflow:auto}.offer{min-width:150px}.wallet{gap:10px}.wallet span{display:none}.calchead{align-items:flex-start;gap:12px}.calchead h2{font-size:23px}.calchead button{padding:10px;font-size:0}.calchead button svg{width:20px}.page{padding:16px}.mapcard{overflow:hidden}header{padding:0 13px}}body{background:#061b2b}.approved-screen{background:#061b2b;width:100%;min-height:100vh;position:relative;overflow:hidden}.approved-screen>img{object-fit:cover;object-position:top center;width:100%;height:auto;min-height:100vh;display:block}.approved-nav{height:10.2%;position:absolute;top:0;left:0;right:0}.approved-nav button,.hotspot,.download-hotspots button{cursor:pointer;background:0 0;border:0;height:100%;position:absolute;top:0}.approved-nav button:hover{background:#9bc43c12}.hotspot{z-index:3}.start{width:20.9%;height:6.2%;top:49.1%;left:4.7%}.open-arv{width:25%;height:5.2%;top:59.3%;left:14.5%}.open-mao{width:22%;height:5.2%;top:59.3%;left:57%}.download-hotspots{position:absolute;inset:0}.download-hotspots button{width:13%;height:4.3%}.download-hotspots button:first-child{width:17.7%;top:38.5%;left:15.4%}.download-hotspots button:nth-child(2){top:59.6%;left:14%}.download-hotspots button:nth-child(3){top:59.6%;left:45%}.download-hotspots button:nth-child(4){top:59.6%;left:75%}.download-hotspots button:nth-child(5){top:79.1%;left:14%}.download-hotspots button:nth-child(6){top:79.1%;left:45%}.download-hotspots button:nth-child(7){top:79.1%;left:75%}.darkpage{color:#fff;background:linear-gradient(#00182a99,#00182acc),url(./assets/approved-home.png) 50%/cover fixed;min-height:100vh}.topnav{background:#031c30;grid-template-columns:250px 1fr 230px;align-items:center;gap:20px;height:102px;padding:0 4%;display:grid}.newlogo{font-size:28px;font-weight:900;line-height:.9}.newlogo span{color:#9bc53d;display:block}.topnav>div:nth-child(2){justify-content:center;gap:22px;display:flex}.topnav button{color:#fff;background:0 0;border:0;padding:10px 0;font-size:12px;font-weight:900}.topnav button.active{border-bottom:4px solid #9bc53d}.topnav>b{font-size:13px}.topnav>b span{color:#9bc53d}.darkempty{text-align:center;align-content:center;place-items:center;min-height:calc(100vh - 102px);display:grid}.darkempty h1{margin:0;font-size:58px;font-weight:900}.darkempty p{font-size:18px}.darkempty button,.toolbar button{color:#fff;background:#ef6414;border:0;border-radius:7px;padding:15px 24px;font-weight:900}.tooloverlay{background:#071d2d;min-height:100vh;padding-bottom:40px}.toolbar{background:#031c30;align-items:center;height:76px;padding:0 3%;display:flex}.toolbar button{align-items:center;gap:8px;display:flex}.toolbody{max-width:1500px;margin:auto;padding:24px}.toolbody .calculatorbox{background:#f8f5ed}@media (width<=800px){.approved-screen{min-height:0;overflow:auto}.approved-screen>img{width:1000px;max-width:none;min-height:0}.approved-nav,.hotspot,.download-hotspots{display:none}.topnav{grid-template-columns:1fr auto;height:auto;padding:18px}.topnav>div:nth-child(2){display:none}.darkempty h1{font-size:36px}.toolbody{padding:10px}}