.page-content{min-width:1060px;min-height:900px;background:#f7f7f5;padding:42px 34px 32px}.atlas{-webkit-box-sizing:border-box;box-sizing:border-box;color:#141826;--muted:#292d3c;--card:rgba(255, 255, 255, 0.92);--purple:#33208f;--purple-2:#4b2eba;--green:#4f8a33;--orange:#c96812;--blue:#006ce0;--shadow:0 14px 28px rgba(31, 38, 55, 0.16);--atlas-height:870px;--atlas-header-height:118px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:1060px;height:var(--atlas-height);border:1px solid rgba(22,28,43,.2);border-radius:16px;background:#eef4f7;-webkit-box-shadow:0 8px 22px rgba(26,34,52,.08);box-shadow:0 8px 22px rgba(26,34,52,.08);overflow:hidden}.atlas-header{height:var(--atlas-header-height);padding:18px 28px 14px 24px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(250,252,255,.94)),to(rgba(250,252,255,.62)));background:linear-gradient(180deg,rgba(250,252,255,.94),rgba(250,252,255,.62))}.title-block h1{margin:0;font-size:40px;line-height:1.3;font-weight:800}.title-block p{margin:5px 0 0;font-size:14px;color:#222331}.map-canvas{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(0,1fr))[40];grid-template-columns:repeat(40,minmax(0,1fr));-ms-grid-rows:(minmax(0,1fr))[24];grid-template-rows:repeat(24,minmax(0,1fr));min-height:calc(var(--atlas-height) - var(--atlas-header-height));background-color:#f8f8f8;background-image:url(/mfront/img/skill-atlas/map-optimized.png);background-repeat:no-repeat;background-position:-150px -40px;background-size:1390px auto}.skill--recommended{-ms-grid-column:2;grid-column:2;-ms-grid-row:2;grid-row:2}.skill--flexbox{-ms-grid-column:18;grid-column:18;-ms-grid-row:5;grid-row:5}.skill--box-model{-ms-grid-column:11;grid-column:11;-ms-grid-row:11;grid-row:11}.skill--borders{-ms-grid-column:28;grid-column:28;-ms-grid-row:2;grid-row:2}.skill--shadow{-ms-grid-column:34;grid-column:34;-ms-grid-row:7;grid-row:7}.skill--gradients{-ms-grid-column:31;grid-column:31;-ms-grid-row:12;grid-row:12}.skill-card{position:relative}.skill-icon{position:absolute;left:-85px;top:-15px;z-index:10;width:90px;height:95px;background-image:url(/mfront/img/skill-atlas/icon-default.svg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%}.skill-icon--box-model{background-image:url(/mfront/img/skill-atlas/icon-box-model.svg)}.skill-icon--gradient{background-image:url(/mfront/img/skill-atlas/icon-gradient.svg)}.skill-icon--shadow{background-image:url(/mfront/img/skill-atlas/icon-shadow.svg)}.skill-icon--flexbox{background-image:url(/mfront/img/skill-atlas/icon-flexbox.svg)}.pedestal{position:absolute;left:-65px;top:50px;z-index:0;width:50px;height:70px;background:url(/mfront/img/skill-atlas/pedestal.png);background-repeat:no-repeat;background-size:100%auto;background-position:center bottom}.skill-card-body{position:absolute;left:0;top:0;width:170px;min-height:130px;padding:10px 12px;font-size:11px;line-height:1.3;color:#141826;background:#fffdf7;border:1px solid rgba(22,28,43,.18);border-radius:12px;-webkit-box-shadow:3px 5px 0 0 rgba(31,32,58,.2);box-shadow:3px 5px 0 0 rgba(31,32,58,.2)}.skill-card-body h3{margin:0 0 6px;font-size:14px}.locked-body p,.skill-card-body p{margin:0}.skill-dot{display:inline-block;width:4px;height:4px;margin:0 5px 2px;border-radius:50%;background:#141826}.skill-status{display:block;margin-bottom:6px;font-size:11px;line-height:1.3;font-weight:400}.skill-status--available,.skill-status--completed{color:#188024}.skill-status--progress{color:#0572e9}.skill-progress{position:relative;height:4px;margin:8px 0 13px;overflow:hidden;border-radius:999px;background:#c8c8c8}.skill-progress-fill{display:block;height:100%;border-radius:inherit;background:#bdbdbd}.skill-progress-fill--done{width:100%;background:#2aaf42}.skill-progress-fill--active{width:42%;background:#0878f4}.skill-link,.skill-link:hover{color:#fff;text-decoration:none}.skill-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;width:100%;height:30px;padding:0 10px;font:inherit;border:0;border-radius:5px;background:-webkit-gradient(linear,left top,left bottom,from(var(--purple-2)),to(var(--purple)));background:linear-gradient(180deg,var(--purple-2),var(--purple));cursor:pointer;-webkit-box-shadow:inset 0-1px 0 rgba(0,0,0,.18);box-shadow:inset 0-1px 0 rgba(0,0,0,.18);-webkit-transition:background 120ms ease,-webkit-box-shadow 120ms ease,-webkit-transform 120ms ease;transition:background 120ms ease,box-shadow 120ms ease,transform 120ms ease;transition:background 120ms ease,box-shadow 120ms ease,transform 120ms ease,-webkit-box-shadow 120ms ease,-webkit-transform 120ms ease}.skill-link:hover{background:-webkit-gradient(linear,left top,left bottom,from(#5635d0),to(#3b269f));background:linear-gradient(180deg,#5635d0,#3b269f);-webkit-box-shadow:inset 0-1px 0 rgba(0,0,0,.2),0 2px 6px rgba(54,34,148,.24);box-shadow:inset 0-1px 0 rgba(0,0,0,.2),0 2px 6px rgba(54,34,148,.24)}.skill-link:active{color:#fff;text-decoration:none;-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);background:-webkit-gradient(linear,left top,left bottom,from(#2f1d87),to(#261671));background:linear-gradient(180deg,#2f1d87,#261671);-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(0,0,0,.2)}.skill-link.focus-visible{color:#fff;text-decoration:none;outline:3px solid rgba(76,116,255,.38);outline-offset:3px}.skill-link--continue::before{content:"";width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.skill-link--replay::before{content:"";width:10px;height:10px;border:2px solid #fff;border-left-color:transparent;border-radius:50%}.skill-link--large{height:39px;margin-top:18px;font-size:15px;border-radius:5px}.skill-link-play{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff}.skill--recommended .skill-card-body{width:270px;min-height:160px;padding:30px 15px 14px}.skill--recommended .skill-icon{left:18px;top:22px;width:74px;height:79px}.skill--recommended .skill-card-body h3,.skill--recommended .skill-card-body p,.skill--recommended .skill-progress{margin-left:92px}.skill--recommended .skill-card-body h3{margin-bottom:7px;font-size:20px;line-height:1.05}.skill--recommended .skill-progress{margin-bottom:14px}.skill--recommended .skill-link{margin-top:30px}.skill-badge{position:absolute;left:20px;top:-10px;z-index:2;padding:3px 12px;font-size:10px;line-height:14px;color:#fff;background:var(--purple);border-radius:5px;white-space:nowrap;text-transform:uppercase}.locked-zone{grid-column:1/-1;grid-row:18/-1;position:relative;z-index:7;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px 10px;padding:30px 100px 50px 250px}.locked-card{position:relative;padding-left:60px}.locked-body{width:140px;min-height:60px;padding:10px 15px;font-size:11px;line-height:1.3;color:#666;background:rgba(244,241,253,.72);border:1px solid rgba(24,27,46,.28);border-radius:12px;-webkit-box-shadow:2px 5px 0 1px rgba(31,32,58,.5);box-shadow:2px 5px 0 1px rgba(31,32,58,.5)}.locked-body h3{margin:0 0 4px;font-size:14px;line-height:1.3;font-weight:700}.locked-icon{position:absolute;left:15px;top:-10px;z-index:2;width:60px;height:65px;opacity:.8;background-image:url(/mfront/img/skill-atlas/icon-locked.svg);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;-webkit-filter:grayscale(1);filter:grayscale(1)}@media (max-width:1100px){.page-content{min-width:0;min-height:0;padding:0}.atlas{--atlas-height:auto;--atlas-header-height:auto;width:100%;height:auto;min-height:0;border-radius:0;border:0;-webkit-box-shadow:none;box-shadow:none}.atlas-header{height:auto;padding:28px 28px 22px}.map-canvas{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:40px;min-height:0;padding:30px 28px 34px;background-color:#f8f8f8;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(248,248,248,.18)),color-stop(42%,rgba(248,248,248,.74)),color-stop(74%,#f8f8f8)),url(/mfront/img/skill-atlas/map-optimized.png);background-image:linear-gradient(180deg,rgba(248,248,248,.18)0,rgba(248,248,248,.74) 42%,#f8f8f8 74%),url(/mfront/img/skill-atlas/map-optimized.png);background-position:0 0,-190px -45px;background-size:auto,auto auto}.skill-card{padding-left:86px}.skill-card-body{position:relative;left:auto;top:auto;width:200px;max-width:auto}.skill-icon{left:10px;top:0;width:74px;height:79px}.pedestal{left:25px;top:64px;width:42px;height:58px}.skill--recommended{width:100%;padding-left:0}.skill--recommended .skill-card-body{width:350px}.locked-zone{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:30px;width:100%;padding:12px 0 0}.locked-card{padding-left:52px}.locked-body{width:150px}.locked-icon{left:0;top:-6px;width:54px;height:58px}}@media (max-width:1050px){.page-header__top{-ms-flex-wrap:wrap;flex-wrap:wrap}.page-header__logo{display:-webkit-box;display:-ms-flexbox;display:flex}.main-menu{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;margin-left:auto}.main-menu__list{display:-webkit-box;display:-ms-flexbox;display:flex}.main-menu__link{font-size:14px!important}}@media (max-width:560px){.atlas,.atlas-header,.map-canvas{background:0 0}.title-block h1{font-size:30px;line-height:1.14}.map-canvas{display:block;padding-top:10px}.skill-card{padding-left:0;margin-bottom:20px}.skill-card-body{display:block;width:auto;max-width:350px;padding-left:80px;border-radius:5px;-webkit-box-shadow:none;box-shadow:none}.pedestal,.skill--recommended{display:none}.skill-icon{top:5px;width:58px;height:62px}.locked-zone{gap:12px}.locked-card{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-left:58px}.locked-body{border-radius:5px;-webkit-box-shadow:none;box-shadow:none}.page-header__top{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-menu__list{-ms-flex-wrap:wrap;flex-wrap:wrap}.main-menu__link{height:auto;padding:0}}