:root{font-family:Arial,Helvetica,sans-serif;color:#161922;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#fff}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.64;cursor:not-allowed}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;top:0;left:0;bottom:0;width:65px;background:#6d30b0;color:#fff;display:flex;flex-direction:column;align-items:stretch}.profile-button{background:transparent;border:0;height:66px;color:#c3a4d8;display:grid;place-items:center}.side-item{background:transparent;color:#fff;border:none;min-height:63px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:6px 2px;position:relative;transition:background .2s;font-weight:700}.side-item span:not(.side-bubble){font-size:10px;line-height:10px;text-align:center;max-width:62px}.side-item:hover{background:#8139c4}.side-item.active{background:#f4f1fa;color:#55208f}.side-bubble{position:absolute;font-weight:800;background:#ffcf00;color:#fff;font-size:10px;padding:3px 4px;border-radius:13px;top:20px;right:4px;box-shadow:0 1px 3px #0002}.side-logout{margin-top:auto;border:0;background:transparent;color:#ede0ff;display:flex;gap:3px;align-items:center;flex-direction:column;padding:14px 0;font-size:11px}.app-main{margin-left:65px;min-height:100vh;padding-bottom:50px}.mobile-head{display:none}.content{padding:0 24px 50px;margin:0;max-width:1200px}.top-logos{padding-top:16px;margin-bottom:38px;height:71px}.top-logos img{width:100px;height:46px;object-fit:contain;object-position:left center;display:block}.home-content{max-width:1078px;padding-left:28px}.home-header img{width:100%;display:block;border-radius:48px}.thin-divider{width:100%;height:1px;background:#ececec;margin:20px 0 23px}.home-grid{margin-left:-18px;width:calc(100% + 18px);display:grid;grid-template-columns:minmax(0,2.08fr) minmax(0,1fr);gap:42px;align-items:start}.training-card{display:block;transition:transform .2s}.training-card:hover,.course-section-link:hover,.lesson-card:hover{transform:translateY(-3px)}.training-card img{width:100%;border-radius:20px;display:block}.home-ad img{width:100%;display:block}.purple-action{display:inline-flex;background:#9561bc;padding:14px 22px;color:#fff;border-radius:24px;margin-top:10px;gap:10px;font-size:13px;font-weight:700}.page-title{font-size:28px;margin:16px 0 25px;color:#080a0c;font-weight:600;border-bottom:1px solid #efefef;padding:0 0 14px}.course-content{max-width:1260px;padding-left:14px}.course-grid{display:grid;grid-template-columns:minmax(0,755px) minmax(245px,363px);gap:44px;align-items:start}.course-sections{display:flex;flex-direction:column;gap:8px;padding-top:12px}.course-section-link{display:block;transition:transform .18s}.course-section-link img{width:100%;height:auto;display:block}.promo-col{width:100%;min-width:0}.promo-image{width:100%;display:block;height:auto}.telegram-card{border:1px solid #09a7ff;border-radius:24px;padding:30px 18px 18px;margin-top:10px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:20px;color:#0c1022;min-height:260px}.telegram-mark{width:76px;height:76px;border:2px solid #40b9f4;color:#42adee;border-radius:50%;font-size:55px;line-height:70px;transform:rotate(-14deg)}.telegram-card strong{line-height:1.2;font-size:16px}.telegram-card button{width:100%;background:#24a5df;color:#fff;border:0;border-radius:25px;padding:13px 15px;font-size:14px;font-weight:700}.extra-support{margin-top:18px;border:1px solid #955aff;border-radius:24px;display:flex;align-items:center;flex-direction:column;gap:14px;padding:25px;text-align:center}.extra-support p{color:#676373;margin:0}.section-content{max-width:1250px;padding-left:26px}.section-content .top-logos{margin-bottom:8px}.breadcrumbs{display:flex;align-items:center;gap:4px;color:#1779bb;font-size:12px;margin-bottom:20px}.breadcrumbs a:hover{text-decoration:underline}.section-banner{width:100%;display:block;border-radius:55px}.section-custom-banner{height:375px;width:100%;border-radius:56px;background:#eeebff;display:flex;align-items:center;justify-content:space-between;padding:30px 12% 30px 8%;position:relative;overflow:hidden}.section-custom-banner h1{font-size:48px;font-weight:900;margin:0;line-height:1.1}.section-custom-banner svg{width:180px;height:180px;stroke:#806cff;stroke-width:1.4;filter:drop-shadow(8px 12px 6px #8d77ce77)}.section-b02{background:radial-gradient(circle at 75% 55%,#d4dbff,transparent 45%),linear-gradient(105deg,#f4f5ff,#e0e9ff)}.section-b03{background:radial-gradient(circle at 76% 50%,#bdf5ed,transparent 40%),linear-gradient(110deg,#e8fff9,#ccf3ed)}.section-b04{background:radial-gradient(circle at 76% 50%,#ffc4d8,transparent 40%),linear-gradient(105deg,#fff2fa,#f8e5f3)}.banner-decoration{font-size:210px;color:#18bdb2;text-shadow:8px 14px 10px #0c9b9677}.section-grid{display:grid;grid-template-columns:minmax(0,755px) minmax(270px,355px);gap:26px;align-items:start}.lesson-list{display:flex;flex-direction:column;gap:20px}.lesson-card{min-height:210px;position:relative;display:block;border-radius:22px;background:linear-gradient(130deg,#19191d,#121117 70%,#201a28);overflow:hidden;color:#fff;transition:transform .18s;box-shadow:0 1px 2px #0001}.lesson-chip{position:absolute;top:29px;left:40px;background:linear-gradient(120deg,#7333b8,#a640cb);border-radius:8px;padding:11px 17px;font-weight:900;font-size:15px;box-shadow:0 7px 15px #6b1dac66;z-index:2}.lesson-card-title{position:absolute;bottom:30px;left:40px;right:40%;font-size:22px;line-height:1.18;font-weight:900;text-shadow:0 1px 0 #fff;z-index:2}.lesson-card-screen{position:absolute;right:40px;top:28px;width:40%;height:70%;object-fit:cover;border-radius:20px}.has-materials{position:absolute;right:40px;bottom:15px;color:#b1f3cb;display:flex;align-items:center;gap:6px;font-size:11px}.section-grid .promo-col{padding-left:0}.lesson-content{max-width:815px;padding-left:3px;padding-top:35px}.lesson-section-name{display:block;color:#2179ae;font-size:20px;padding-bottom:15px;border-bottom:1px solid #eee}.lesson-section-name:hover{text-decoration:underline}.lesson-head{margin-top:12px;background:#fafafa;max-width:580px;padding:16px 22px 9px;text-align:center;border-bottom:1px solid #e4e4e4}.lesson-head h1{font-weight:300;font-size:24px;margin:0 0 14px}.lesson-nav{display:flex;justify-content:space-between;align-items:flex-end;font-size:11px;color:#5e5d5d;line-height:1.25}.next-lesson{color:#2873b9;font-size:11px;text-align:right;max-width:190px}.next-lesson strong{font-size:11px;font-weight:400;color:#232a34}.available{font-size:12px;color:#333}.lesson-materials{max-width:580px;padding:0 10px}.intro-text{font-size:15px;line-height:1.35;margin:17px 0}.intro-text p{margin:0 0 18px}.player-block{margin:18px 0}.player-block h3,.lesson-text-file h3,.attachments h3{display:flex;gap:8px;align-items:center;font-size:15px;font-weight:600}.player-block video{display:block;width:100%;aspect-ratio:16/9;background:#222}.empty-video{position:relative;width:100%;aspect-ratio:16/9;background:#242424;margin-top:17px;overflow:hidden}.poster-image{top:0;right:0;bottom:0;left:0;position:absolute;background-size:cover;background-position:center;filter:brightness(.64)}.poster-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px;color:#fff;text-align:center;font-size:13px;padding:20px;text-shadow:0 1px 3px #000}.poster-message svg{filter:drop-shadow(0 2px 6px #0009)}.lesson-text-file{border-top:1px solid #ddd;margin:20px 0 15px}.file-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.52}.lesson-inline-image{padding:15px 0}.lesson-inline-image img{max-width:100%;height:auto;display:block}.lesson-inline-image a{display:inline-flex;align-items:center;gap:8px;color:#2687cf;font-size:12px}.pdf-entry{border-top:1px solid #e3e3e3;padding:12px 0}.pdf-entry>a{display:flex;gap:8px;align-items:center;font-size:12px;color:#2a7fc4}.pdf-entry iframe{width:100%;height:480px;border:1px solid #eee;margin-top:12px}.attachments{margin-top:20px;border-top:1px solid #eee}.file-download{display:flex;gap:9px;align-items:center;padding:12px 2px;font-size:12px;border-bottom:1px solid #eee;color:#2383be}.file-download span{flex:1}.file-download small{color:#5a5a5a}.no-files{font-size:12px;color:#868686;border-left:2px solid #a880d7;background:#f8f5fc;padding:13px 14px;margin-top:20px;line-height:1.55}.lesson-footer-nav{max-width:580px;padding:24px 8px;display:flex;justify-content:space-between;gap:10px}.lesson-footer-nav a{display:flex;align-items:center;gap:8px;color:#2877bc;font-size:13px}.search-content{max-width:970px}.search-form{display:flex;align-items:center;gap:12px;padding:15px 20px;border:1px solid #e2d5f3;border-radius:14px;background:#fcfaff}.search-form input{border:none;outline:0;flex:1;background:transparent;font-size:16px}.search-form button{border:0;background:transparent;color:#999}.search-count{font-size:13px;color:#888;margin:20px 0}.search-results{display:flex;flex-direction:column;gap:8px}.search-results a{border:1px solid #eee;border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.search-results a:hover{border-color:#ba96e8;background:#f9f5ff}.search-results span{font-size:11px;color:#8147b8}.search-results h3{font-size:16px;margin:6px 0 0}.simple-content{padding-top:35px;max-width:800px}.simple-content p{color:#666;line-height:1.6}.return-link{display:inline-flex;gap:6px;align-items:center;color:#347bb3;padding:15px 0}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:#8b69b4}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{min-height:100vh;background:#fff;color:#141414;font-family:Arial,Helvetica,sans-serif}.login-inner{max-width:1140px;margin:auto;padding-top:15px}.login-brand{display:flex;justify-content:center;margin-bottom:39px;height:53px}.login-brand img{object-fit:contain;width:111px;height:53px}.login-box{width:450px;max-width:calc(100% - 34px);background:#f1f1f1;margin:0 auto;padding:28px 40px 30px}.login-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.login-heading h1{font-weight:300;font-size:40px;line-height:1.05;margin:0}.text-link{border:0;background:transparent;color:#2b7bc1;font-size:12px;padding:0;text-align:left}.text-link:hover{text-decoration:underline}.input-wrap{background:#fff;border:1px solid #c7c7c7;display:flex;align-items:center;gap:7px;height:35px;padding:0 7px;margin-bottom:20px;border-radius:2px;color:#aaa}.input-wrap input{border:0;outline:none;min-width:0;flex:1;font-size:14px;color:#333}.input-wrap input::placeholder{color:#aaa}.eye-button{border:0;background:transparent;color:#a1a1a1;padding:2px;display:flex}.login-buttons{display:flex;align-items:center;gap:12px}.login-submit{padding:8px 13px;background:#5cb85c;color:#fff;border:0;font-size:12px}.social-mini{margin-left:auto;display:flex;gap:4px}.social-mini span{width:25px;height:27px;display:grid;place-items:center;border-radius:2px;color:#fff;font-size:17px;font-weight:700}.social-mini .pink{background:#ef075b}.social-mini .blue{background:#0279fe}.social-mini .red{background:#ef430e}.login-contact{display:block;margin:20px auto 17px;font-size:13px;text-align:center}.login-help{max-width:1024px;border-top:1px solid #ececec;padding:21px 20px}.login-help h2{text-align:center;font-size:20px;font-weight:600;margin:0 0 12px}.login-help ol{margin:0;padding-left:16px;line-height:1.55;color:#393939;font-size:13px}.form-error{font-size:12px;color:#a82634;margin:-8px 0 10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1115;display:grid;place-items:center;z-index:99;padding:24px}.notice-dialog{background:#fff;padding:28px;border-radius:10px;max-width:400px;width:100%;box-shadow:0 30px 80px #0004;position:relative}.notice-dialog h3{margin-top:0}.notice-dialog p{font-size:14px;line-height:1.5}.close-notice{position:absolute;top:13px;right:13px;border:0;background:transparent}.dialog-ok{padding:9px 16px;color:#fff;background:#6d30b0;border:0;border-radius:6px}@media(max-width:1000px){.course-grid,.section-grid{grid-template-columns:minmax(0,1fr) 255px;gap:20px}.course-sections{gap:8px}.promo-col .telegram-card{padding:18px 12px;min-height:unset}.telegram-card strong{font-size:12px}.telegram-mark{width:58px;height:58px;font-size:45px;line-height:50px}.lesson-card{min-height:170px}.lesson-chip{top:16px;left:20px}.lesson-card-title{left:20px;bottom:20px;font-size:18px}.lesson-card-screen{right:20px;top:24px}.section-custom-banner,.section-banner{border-radius:32px}.section-custom-banner{height:300px}.section-custom-banner h1{font-size:34px}.section-custom-banner svg{width:120px;height:120px}}@media(max-width:700px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar-open{transform:translate(0)}.sidebar-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0005;z-index:20}.app-main{margin-left:0}.mobile-head{display:flex;height:52px;gap:15px;align-items:center;padding:0 15px;border-bottom:1px solid #eee}.mobile-head button{border:0;background:transparent;padding:5px}.mobile-head strong{font-size:15px}.content{padding:0 14px 40px!important;max-width:100%}.top-logos{padding-top:13px;margin-bottom:18px;height:62px}.home-header img{border-radius:26px}.home-grid{grid-template-columns:1fr;gap:14px}.home-ad{max-width:320px;margin:0 auto}.course-grid,.section-grid{grid-template-columns:1fr;gap:20px}.course-content .page-title{font-size:24px}.course-sections{gap:6px}.promo-col{max-width:370px;margin:0 auto}.section-custom-banner{height:190px;border-radius:28px;padding:20px}.section-custom-banner h1{font-size:24px}.section-custom-banner svg{width:95px;height:95px}.section-banner{border-radius:28px}.section-grid .promo-col{margin-top:20px}.lesson-card{min-height:145px}.lesson-card-title{font-size:14px;left:20px;right:35%;bottom:20px}.lesson-card-screen{width:36%;right:16px;top:20px;height:70%}.lesson-chip{padding:8px 11px;font-size:12px;left:20px;top:17px}.lesson-content{padding-top:18px!important}.lesson-section-name{font-size:18px}.lesson-head{max-width:100%}.lesson-head h1{font-size:21px}.lesson-materials{padding:0 4px;max-width:100%}.login-inner{padding-top:12px}.login-box{padding:24px}.login-help h2{font-size:17px}.login-help ol{font-size:12px}.login-brand{margin-bottom:22px}}@media(max-width:700px){.home-grid{margin-left:0;width:100%}.login-inner{transform:none}}.home-content .top-logos{margin-bottom:47px}