.levels-section{background-color:#000;padding:80px 0}.levels-section-container{background:linear-gradient(152.97deg,#025c3b33 0%,#ffffff14 100%);border-radius:24px;margin-block-end:80px;padding:50px}.levels-section-details .row{margin-block-end:200px}.levels-section-details .row:nth-child(4){margin-block-end:0}.levels-list{flex-direction:column-reverse;gap:20px;margin:0;margin-block-start:50px;padding:0;list-style:none;display:flex}.levels-list li{background:linear-gradient(109.54deg,#fff0 0%,#6489f712 90.58%);border:1px solid #ffffff1a;border-radius:24px;align-items:center;gap:60px;padding:15px 20px;transition:transform .3s,border-color .3s;display:flex}.levels-list li:hover{background:linear-gradient(269deg,#fff0 0%,#6489f733 90.58%);border-color:#fff3;transform:scale(1.01)}.levels-list li:nth-child(2n) .levels-list-tags .levels-list-tag:nth-child(2n){margin-inline-end:10px;transform:rotate(-6deg)}.levels-list li:nth-child(2n) .levels-list-tags .levels-list-tag:nth-child(odd){transform:rotate(-357deg)}.levels-list li:nth-child(odd) .levels-list-tags .levels-list-tag:nth-child(2n){transform:rotate(6deg)}.levels-list li:nth-child(odd) .levels-list-tags .levels-list-tag:nth-child(odd){margin-inline-start:10px;transform:rotate(357deg)}.levels-list-indicator{align-items:center;gap:60px;padding-inline-start:40px;display:flex}.levels-list-id{font-weight:400}.levels-list-line{opacity:.7;border-radius:2px;width:2px;height:70px}.levels-list-content{flex:1}.levels-list-actions{align-items:center;gap:60px;display:flex}.levels-list-tags{flex-direction:column;gap:3px;display:flex}.levels-list-tag{color:#eee;background:radial-gradient(323.04% 1936.85% at 61.19% 54.6%,#131515cc .82%,#00a6ff00 100%);border:1px solid;border-radius:13px;padding:5px 12px;font-size:.8rem;font-weight:700;display:flex;box-shadow:0 4px 34px #21648e40}.levels-list-tag-star{clip-path:polygon(50% 0%,55% 45%,100% 50%,55% 55%,50% 100%,45% 55%,0% 50%,45% 45%);width:20px;height:20px;margin-right:5px;display:block}.levels-list-btn{cursor:pointer;background:linear-gradient(109.54deg,#fff0 0%,#6489f70d 90.58%);border:1px solid #ffffff1a;border-radius:15px;justify-content:center;align-items:center;width:70px;height:75px;transition:background .3s;display:flex}.levels-list-btn button{background-color:#0000;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:flex}.levels-list-btn:hover{background:linear-gradient(269deg,#fff0 0%,#6489f733 90.58%)}.levels-list-btn:hover button{transform:scale(1.3)}.spec-section{justify-content:center;gap:20px;display:flex}.spec-section-details{position:sticky;top:130px}.spec-card{border:1px solid #ffffff0d;border-radius:28px;width:100%;max-width:520px;padding:20px}.spec-card-badge{color:#dcdcdc;background:#00c4ff0d;border:1px solid #00c4ff33;border-radius:50px;align-items:center;gap:10px;margin-bottom:20px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.spec-card-dot{background-color:#ff8a00;border-radius:50%;width:6px;height:6px}.spec-card-row{border-block-start:1px solid #fff3;grid-template-columns:70px 1fr;align-items:flex-start;gap:20px;padding-block:13px;display:grid}.spec-card-label{color:#fff}.spec-card-val,.spec-card-bullets{color:#dcdcdc;font-size:14px}.spec-card-bullets{gap:15px;display:flex}.spec-card-bullets span{padding-inline-start:17px;position:relative}.spec-card-bullets span:after{content:"";background-color:#c38cfd;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.spec-stack{flex-wrap:wrap;gap:12px;padding:10px 0 0;list-style:none;display:flex}.spec-stack-item{color:#fff;background:linear-gradient(90deg,#00ffb000 -3.44%,#0073c038 100%);border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:8px;padding:5px 15px;font-size:.85rem;font-weight:300;display:flex}.spec-stack-icon{background:#00c4ff;border-radius:50%;width:14px;height:14px}.spec-stack-icon.react{background:#61dafb}.spec-stack-icon.nextjs{background:#fff}.spec-stack-icon.typescript{background:#3178c6}.spec-stack-icon.notejs{background:#393}@media screen and (max-width:1199px){.levels-section{padding:60px 0}.levels-section-container{margin-block-end:60px;padding:35px}.levels-section-details .row{margin-block-end:120px}.levels-list{gap:14px}.levels-list li{gap:40px}.levels-list-indicator{gap:40px;padding-inline-start:25px}.levels-list-actions{gap:40px}}@media screen and (max-width:991px){.levels-section-container{border-radius:19px;padding:20px}.levels-section-details .row{margin-block-end:100px}.levels-list li{flex-wrap:wrap;gap:20px}.levels-list-indicator{gap:20px;padding-inline-start:15px}.levels-list-actions{gap:20px}.levels-list-btn{width:55px;height:55px}.spec-section{flex-direction:column;gap:30px}.spec-card{border-radius:19px;max-width:100%;padding:20px}}@media screen and (max-width:767px){.levels-section{padding:40px 0}.levels-section-details{position:static}.levels-section-container{border-radius:16px;margin-block-end:35px;padding:18px}.levels-section-details .row{margin-block-end:75px}.levels-list-content h4{gap:3px;display:flex}.levels-list-btn{border:none;width:auto;height:auto}.levels-list li{border-radius:18px;align-items:flex-start;padding:12px 14px}.levels-list-indicator{display:none}.levels-list-line{height:45px}.levels-list-tags{display:none}.spec-section{gap:18px;margin-block-start:20px}.spec-card{border-radius:19px;padding:18px}.spec-card-badge{margin-bottom:13px;padding:5px 8px;font-size:10px}.spec-card-row{grid-template-columns:60px 1fr;gap:12px}.spec-card-label{font-size:14px}}