:root{--navy:#031443;--blue:#0034b5;--lime:#63ec17;--muted:#485984}*{box-sizing:border-box}body{margin:0;background:#f5f8fd;color:var(--navy);font:14px Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #63ec17;outline-offset:3px}.preview-bar{display:flex;justify-content:space-between;align-items:center;padding:9px 22px;background:#e9eff8;font-size:11px;color:#516385}.preview-bar div{display:flex;gap:7px;align-items:center}.preview-bar button{padding:7px 13px;border-radius:7px;background:white;color:var(--navy)}.preview-bar button.selected{background:var(--blue);color:white}.web{max-width:1400px;margin:auto}.hero-wrap{background:#05244e;border-radius:0 0 16px 16px;padding:20px 22px 0}header{display:flex;align-items:center;gap:22px;background:#fff;padding:13px 20px;border-radius:16px;position:relative;z-index:2}header .logo{width:150px;flex-shrink:0;height:58px}nav{display:flex;gap:23px;font-size:12px;white-space:nowrap}.searchbox{display:flex;flex:1;min-width:130px;border:1px solid #d4dfef;background:#f5f8fd;border-radius:25px;overflow:hidden}.searchbox input{min-width:0;width:100%;border:0;background:none;padding:14px;font-size:12px;outline:none}.searchbox button{background:var(--blue);color:white;padding:9px 16px;font-size:24px}.plain{background:none;color:var(--navy);font-weight:bold;white-space:nowrap}.blue,.green,.outline,.outline-light{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:24px;padding:14px 25px;font-weight:700;font-size:12px;white-space:nowrap}.blue{background:linear-gradient(#0638c3,#051980);color:white}.green{background:#52f327;color:#03244e}.outline{border:1px solid #1646cb;color:var(--blue);background:white;padding:9px 18px;font-weight:400}.outline-light{background:transparent;border:1px solid #becde5;color:white;font-weight:400}.hero{position:relative;min-height:480px;overflow:hidden;border-radius:0 0 17px 17px}.hero-photo{position:absolute!important;right:0;top:0;width:54%;height:100%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#05244e 0%,#05244e 40%,#05244e88 50%,transparent 67%)}.hero-copy{position:relative;padding:36px 30px 38px;z-index:1}h1{font-size:clamp(39px,4.1vw,65px);line-height:1.04;margin:0 0 15px;color:white;letter-spacing:-1.4px;font-weight:800}h1 span{color:#76ce31}.hero-copy p{font-size:18px;line-height:1.5;color:white;margin:0 0 22px}.actions{display:flex;gap:17px}.actions .green{padding:18px 26px;font-size:14px}.hero-stats{display:flex;gap:30px;color:white;margin-top:35px}.hero-stats>div{display:flex;gap:12px;align-items:center;font-size:26px;border-right:1px solid #ffffff20;padding-right:26px}.hero-stats>div:last-child{border:0}.hero-stats span{display:flex;flex-direction:column}.hero-stats strong{font-size:18px}.hero-stats small{font-size:11px;margin-top:3px}.crop{position:relative;overflow:hidden}.crop img{position:absolute;max-width:none;pointer-events:none}.categories{position:relative;z-index:2;margin:-18px 24px 34px;padding:28px;display:grid;grid-template-columns:repeat(8,1fr);gap:10px;background:white;border-radius:22px;box-shadow:0 12px 30px #071d490b}.category{background:white;border:1px solid #e3eaf5;border-radius:16px;padding:13px 5px;text-align:center;min-width:0}.category.active{border-color:var(--blue);background:#f1f7ff}.category-icon{width:40px;height:40px;margin:0 auto 10px}.category small{font-size:12px;line-height:1.3;display:block}.course-section{padding:0 32px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2{font-size:25px;margin:0 0 5px;letter-spacing:-.4px}.section-heading p{color:var(--muted);margin:0;font-size:14px}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.course-card{text-align:left;background:white;border:1px solid #e4eaf3;border-radius:14px;overflow:hidden;box-shadow:0 4px 12px #061d4805;cursor:pointer;padding:0;color:var(--navy)}.course-image{height:154px;position:relative}.course-image .crop{height:100%;width:100%}.ribbon{position:absolute;z-index:1;left:10px;top:10px;background:#82ed3b;padding:6px 9px;border-radius:5px;font-size:10px;font-weight:bold}.course-body{padding:13px 17px}.course-body h3{margin:0 0 5px;font-size:16px;line-height:1.3;letter-spacing:-.2px}.course-body p{margin:0 0 12px;font-size:11px;color:var(--muted)}.instructor{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px}.avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0}.course-meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:10px;color:var(--muted);gap:3px}.star{color:#ffa000}.cost{color:#051d83;font-size:12px;font-weight:800}.free{color:#52ac0c}.community{margin:28px 28px 24px;display:grid;grid-template-columns:26% 38% 36%;background:linear-gradient(110deg,#b4cdf5,#d8e5f7);border-radius:16px;overflow:hidden;min-height:220px}.community-photo{height:100%;min-height:220px}.community-copy{padding:25px 12px}.community h2{font-size:22px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:11px;margin:18px 0}.checks span:before{content:'✓';display:inline-grid;place-items:center;background:#66c70b;color:white;border-radius:50%;width:15px;height:15px;margin-right:5px}.community-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px 24px 24px 12px}.community-stats>div{background:#fff;border-radius:14px;padding:14px;display:flex;align-items:center;gap:10px}.community-stats i,.benefits i{font-style:normal;color:#4eaa09;background:#eaf8dd;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:24px;flex-shrink:0}.community-stats span{display:flex;flex-direction:column}.community-stats b{font-size:19px}.community-stats small{font-size:10px;margin-top:3px}.anywhere{margin:24px 28px;background:linear-gradient(105deg,#051744,#1f7350,#68ec0a);border-radius:19px;padding:30px;display:grid;grid-template-columns:1fr 32%;align-items:center;color:white}.anywhere h2{font-size:27px}.anywhere p{font-size:12px;line-height:1.5}.stores{display:flex;gap:10px;margin-top:20px}.stores button{display:flex;align-items:center;gap:9px;background:#050505;border:1px solid #aaa;border-radius:6px;padding:8px 12px;color:white;font-size:26px}.stores span{font-size:15px;text-align:left;font-weight:bold}.stores small{display:block;font-size:8px;font-weight:normal}.device-art{height:160px}.extras{margin:24px 28px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:white;border-radius:20px;padding:26px;border:1px solid #edf1f8}h3{font-size:19px;margin:0 0 14px}.assistant{display:grid;grid-template-columns:100px 1fr;gap:12px}.robot{height:135px;margin-top:16px}.bubble{font-size:13px;color:var(--muted);border:1px solid #e0e7f2;border-radius:16px;padding:15px;line-height:1.6}#chat{grid-column:1/-1;display:flex;padding:5px;border:1px solid #e0e7f2;border-radius:25px}#chat input{border:0;padding:6px 15px;flex:1;width:100%;outline:none}.circle{width:34px;height:34px;border-radius:50%;background:var(--blue);color:white;font-size:22px}.suggestions{grid-column:1/-1;display:flex;gap:7px}.suggestions button{background:white;border:1px solid #dce3f0;color:var(--muted);font-size:10px;padding:7px 10px;border-radius:18px}#chat-answer{grid-column:1/-1;color:var(--muted)}.benefits>div{display:flex;gap:14px;margin:19px 0}.benefits b{font-size:14px}.benefits small{display:block;color:var(--muted);font-size:12px;margin-top:5px}footer{text-align:center;font-size:11px;color:#60708e;padding:18px}dialog{border:1px solid #d9e3f4;border-radius:22px;width:min(470px,92vw);padding:30px;color:var(--navy)}dialog::backdrop{background:#061b4880}.close{float:right;background:transparent;font-size:25px}.dialog-logo{width:140px;height:54px;margin-bottom:20px}#dialog-body{line-height:1.6;color:var(--muted);margin-bottom:25px}.mobile-toolbar{display:flex;justify-content:center;gap:8px;margin:22px 0}.mobile-toolbar button{border:1px solid #d8e2f1;border-radius:20px;padding:10px 16px;background:white;color:var(--navy)}.phone{width:370px;min-height:740px;background:#fff;border:8px solid #141618;border-radius:43px;margin:0 auto 30px;overflow:hidden;box-shadow:0 20px 60px #05174620}.status{display:flex;justify-content:space-between;padding:15px 21px 13px;font-size:10px;color:#0b0b0b}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px}.mobile-header .crop{width:110px;height:43px}.mobile-header button{background:none;color:var(--navy);font-size:20px}.mobile-body{padding:15px 18px}.hello{display:flex;gap:10px;align-items:center;margin-bottom:28px}.hello .avatar{width:42px;height:42px}.hello b{font-size:15px}.hello small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.mobile-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 14px}.mobile-heading b{font-size:15px}.mobile-heading button{color:var(--blue);background:#f4f7ff;border-radius:6px;padding:4px;font-size:10px}.continue{display:flex;gap:12px;padding:13px;border:1px solid #edf0f8;box-shadow:0 4px 12px #05174608;border-radius:14px;cursor:pointer}.continue .crop{width:82px;height:78px;border-radius:8px;flex-shrink:0}.continue b{font-size:12px}.continue small{display:block;font-size:10px;color:var(--muted);margin:12px 0 7px}.progress{height:5px;background:#e2e8f2;border-radius:10px;overflow:hidden}.progress span{display:block;background:linear-gradient(90deg,#0298dd,#0046b6);height:100%}.filters{display:flex;gap:6px;margin:14px 0}.filters button{background:#f5f7fb;border:1px solid #e6ebf3;border-radius:7px;padding:7px 11px;font-size:9px;color:var(--muted)}.filters .active{background:var(--blue);color:white}.mobile-course{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #eff2f8;cursor:pointer}.mobile-course .crop{width:80px;height:76px;border-radius:7px;flex-shrink:0}.mobile-course b{font-size:11px}.mobile-course small{display:block;font-size:9px;color:var(--muted);margin:6px 0}.bottom-nav{display:flex;justify-content:space-around;padding:15px 0 12px;border-top:1px solid #e5eaf2;margin-top:25px}.bottom-nav button{background:white;color:var(--muted);font-size:9px}.bottom-nav button span{display:block;font-size:23px;margin-bottom:6px}.bottom-nav .active{color:var(--blue)}.video{height:220px;background:#041638}.video .crop{height:190px}.video-controls{display:flex;gap:12px;align-items:center;padding:8px 14px;color:white;background:black;font-size:10px}.video-controls button{color:white;background:black}.lesson-tabs{display:flex;justify-content:space-around;padding:17px 4px;border-bottom:1px solid #dce4f2;font-size:11px}.lesson-tabs button{background:none;color:var(--muted);padding-bottom:7px}.lesson-tabs .active{color:var(--blue);border-bottom:2px solid var(--blue)}.lesson-group{font-size:12px;padding:18px;background:#f8faff;font-weight:bold}.lesson-row{display:flex;align-items:center;gap:12px;padding:17px;border-bottom:1px solid #edf1f7;font-size:11px}.lesson-row i{font-style:normal;font-size:16px;color:var(--blue)}.lesson-row small{margin-left:auto;color:var(--muted)}.lesson-row.done i{background:#62c00c;color:white;padding:2px 5px;border-radius:50%}.complete{margin:20px 16px;width:calc(100% - 32px)}.certificate-wrap{padding:20px 16px}.certificate{border:3px double #91bbcf;padding:24px 15px;text-align:center;position:relative;min-height:380px;background:linear-gradient(135deg,#f8fcff,white)}.certificate .crop{width:130px;height:50px;margin:0 auto 25px}.certificate h2{font-size:22px;letter-spacing:1px}.certificate h4{font-size:11px;margin:4px 0 24px}.certificate p{font-size:10px;line-height:1.7}.certificate strong{font-size:18px}.certificate .course-name{font-weight:bold;font-size:12px}.certificate-foot{display:flex;justify-content:space-between;align-items:center;margin-top:35px;font-size:8px}.sample-stamp{position:absolute;color:#0034b522;font-size:38px;transform:rotate(-30deg);top:170px;left:42px;font-weight:bold;pointer-events:none}.certificate-actions{display:grid;gap:12px;margin-top:32px}.mobile-note{font-size:10px;color:var(--muted);margin-top:20px;line-height:1.5}
@media(max-width:1150px){header{gap:13px}nav{gap:12px;font-size:10px}header .logo{width:120px;height:46px}.hero{min-height:420px}.hero-copy{padding:32px 12px}.hero-copy p{font-size:15px}.hero-stats{gap:18px}.hero-stats>div{padding-right:14px}.categories{padding:19px}.course-image{height:115px}.course-body{padding:12px}.course-meta{font-size:8px}.cost{font-size:10px}.community h2{font-size:18px}.community-stats{gap:8px;padding:20px 16px 20px 8px}.community-stats>div{padding:10px}.community-stats b{font-size:15px}.community-stats i{width:30px;height:30px}.checks{font-size:9px}.device-art{height:120px}}
@media(max-width:850px){nav{display:none}.hero-wrap{padding:14px 14px 0}header{padding:7px 12px}.hero{min-height:380px}.hero-copy p{font-size:13px}.hero-stats{gap:12px}.hero-stats>div{font-size:19px;gap:6px;padding-right:10px}.hero-stats strong{font-size:13px}.hero-stats small{font-size:8px}.categories{margin:-10px 18px 25px;padding:14px;gap:7px}.category small{font-size:9px}.category-icon{width:30px;height:30px}.course-section{padding:0 20px}.course-grid{gap:10px}.course-body h3{font-size:12px}.course-body p,.instructor{font-size:9px}.course-meta{flex-wrap:wrap;gap:5px}.community{grid-template-columns:24% 40% 36%;margin:22px 18px}.community-copy{padding:20px 8px}.community h2{font-size:15px}.checks{grid-template-columns:1fr;font-size:8px;gap:5px;margin:12px 0}.community-stats{grid-template-columns:1fr;padding:12px;gap:5px}.community-stats>div{padding:5px 8px}.community-stats b{font-size:12px}.community-stats small{font-size:7px}.community-stats i{font-size:17px;width:23px;height:23px}.community .blue{font-size:9px;padding:10px 14px}.anywhere,.extras{margin:22px 18px}.anywhere{padding:22px}.anywhere h2{font-size:23px}.anywhere p{font-size:10px}.stores button{padding:6px;font-size:20px}.stores span{font-size:11px}.extras{gap:12px}.panel{padding:20px}.assistant{grid-template-columns:60px 1fr}.robot{height:95px}h3{font-size:15px}.bubble{font-size:10px;padding:10px}.benefits b{font-size:11px}.benefits small{font-size:10px}.suggestions{flex-wrap:wrap}}
@media(max-width:580px){.preview-bar{padding:8px;font-size:9px;gap:5px}.preview-bar button{font-size:9px;padding:6px 9px}.preview-bar a{display:none}header .logo{width:95px;height:37px}.searchbox{display:none}header{gap:12px}.plain,.blue{font-size:10px}.blue{padding:11px 18px}.hero{min-height:460px}.hero-photo{width:80%;opacity:.55}.hero-shade{background:linear-gradient(90deg,#05244eee,#05244e88)}h1{font-size:42px}.hero-copy{padding:30px 8px}.hero-copy p{font-size:12px;max-width:300px}.hero-stats{flex-wrap:wrap;max-width:300px;gap:20px;margin-top:30px}.hero-stats>div{width:125px;border:0}.hero-stats strong{font-size:15px}.hero-stats small{font-size:10px}.actions{gap:9px}.actions .green{font-size:11px;padding:14px 17px}.outline-light{font-size:10px;padding:13px}.categories{grid-template-columns:repeat(4,1fr)}.category small{font-size:10px}.course-grid{grid-template-columns:repeat(2,1fr)}.section-heading h2{font-size:21px}.section-heading p{font-size:10px;max-width:220px}.section-heading .outline{font-size:9px;padding:7px 10px}.course-image{height:110px}.course-body h3{font-size:13px}.community{grid-template-columns:30% 70%}.community-photo{min-height:200px}.community-copy{padding:20px 12px}.community h2{font-size:16px}.community-stats{grid-column:1/-1;grid-template-columns:1fr 1fr;padding:12px;gap:9px}.community-stats>div{padding:10px}.community-stats small{font-size:9px}.community-stats b{font-size:15px}.checks{font-size:9px}.anywhere{grid-template-columns:1fr}.device-art{display:none}.extras{grid-template-columns:1fr}.assistant{grid-template-columns:75px 1fr}.bubble{font-size:12px}.benefits b{font-size:13px}.benefits small{font-size:12px}.phone{width:min(370px,calc(100% - 24px));border-width:6px}.mobile-toolbar{gap:5px}.mobile-toolbar button{font-size:11px;padding:9px 12px}}