.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at top center,rgba(248,93,1,.16),transparent 22%),radial-gradient(circle at right,rgba(35,166,246,.14),transparent 26%),linear-gradient(180deg,var(--color-bg-dark) 0,var(--color-navy) 100%)}.hero-background{position:absolute;inset:0;background:linear-gradient(135deg,rgba(5,46,132,.26),transparent 42%),linear-gradient(-135deg,rgba(248,93,1,.16),transparent 55%)}.geometric-lines,.glow-effects{display:none}.hero-content{text-align:center;z-index:10;max-width:900px;padding:0 2rem;margin-top:100px}.hero-title{font-size:clamp(2.6rem,8vw,4.3rem);color:var(--color-white);margin-bottom:1rem;text-shadow:3px 3px 0 var(--color-slate-dark),0 0 20px rgba(248,93,1,.24)}.hero-subtitle,.hero-title{font-weight:400;text-transform:uppercase}.hero-subtitle{font-size:clamp(1rem,3vw,1.15rem);color:var(--color-gray-light);margin-bottom:2rem;letter-spacing:.12em}.hero-screenshots{margin:2rem 0;display:flex;justify-content:center}.screenshot-placeholder{width:min(350px,85vw);max-width:350px;border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 20px rgba(224,112,48,.1);border:2px solid rgba(35,166,246,.18);background:linear-gradient(180deg,rgba(42,50,63,.96),rgba(11,30,56,.95));position:relative;color:var(--color-text-muted);font-size:1rem}.screenshot-placeholder:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(35,166,246,.28),transparent 28%,transparent 72%,rgba(248,93,1,.28));border-radius:22px;z-index:-1;opacity:0;transition:opacity .3s ease}.screenshot-placeholder:hover:before{opacity:1}.screenshot-placeholder img{width:100%;height:auto;max-height:500px;object-fit:contain;border-radius:18px;transition:transform .3s ease}.screenshot-placeholder:hover img{transform:scale(1.02)}.hero-description{font-size:clamp(.82rem,2vw,.95rem);color:var(--color-gray-light);line-height:1.6;margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto;text-shadow:0 1px 0 rgba(0,0,0,.22)}.hero-button{background:var(--gradient-fire);color:var(--color-white);font-size:clamp(1rem,2.5vw,1.15rem);font-weight:400;padding:clamp(.8rem,2vw,1rem) clamp(2rem,5vw,2.5rem);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.08em;border:2px solid hsla(0,0%,100%,.14);box-shadow:0 0 20px rgba(224,112,48,.3),0 4px 15px rgba(0,0,0,.2);margin:.5rem;text-decoration:none;display:inline-block}.hero-button:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(224,112,48,.42),0 8px 25px rgba(0,0,0,.3)}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@media (max-width:1024px){.hero-content{max-width:800px;padding:0 1.5rem;margin-top:80px}}@media (max-width:768px){.hero{min-height:100vh;padding:2rem 0}.hero-content{padding:0 1rem;margin-top:120px}.hero-description{margin-bottom:2rem}.hero-screenshots{margin:1.5rem 0}}.gameplay{min-height:100vh;background:radial-gradient(circle at right,rgba(35,166,246,.14),transparent 28%),radial-gradient(circle at left,rgba(248,93,1,.1),transparent 20%),linear-gradient(180deg,var(--color-bg-dark) 0,var(--color-gray-900) 100%);display:flex;align-items:center;padding:4rem 0}.gameplay-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.gameplay-visual{display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,rgba(42,50,63,.94),rgba(11,30,56,.96));border-radius:20px;padding:clamp(2rem,5vw,4rem);position:relative;overflow:hidden;min-height:300px;border:1px solid rgba(35,166,246,.18);box-shadow:var(--shadow-soft)}.gameplay-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 4px),repeating-linear-gradient(0deg,transparent,transparent 2px,hsla(0,0%,100%,.03) 0,hsla(0,0%,100%,.03) 4px)}.neon-sign{position:relative;z-index:2}.neon-text{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-white);text-shadow:0 0 5px rgba(224,112,48,.9),0 0 10px rgba(224,112,48,.8),0 0 15px rgba(224,112,48,.75),0 0 20px rgba(224,112,48,.68),0 0 35px rgba(224,112,48,.5),0 0 40px rgba(224,112,48,.45);animation:flicker 2s infinite alternate;border:3px solid rgba(35,166,246,.72);border-radius:15px;padding:clamp(.8rem,2vw,1rem) clamp(1.5rem,4vw,2rem);background:rgba(35,166,246,.08);position:relative}.neon-text:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,rgba(35,166,246,.7),transparent,rgba(248,93,1,.75));border-radius:15px;z-index:-1;animation:rotate 3s linear infinite}.gameplay-info{color:var(--color-text)}.gameplay-title{font-size:clamp(2rem,5vw,2.5rem);font-weight:400;color:var(--color-white);margin-bottom:1.5rem;text-transform:uppercase;text-shadow:2px 2px 0 var(--color-brown)}.gameplay-description{font-size:clamp(.82rem,2vw,.95rem);line-height:1.6;color:var(--color-text-muted);margin-bottom:2rem}.gameplay-features{margin-top:2rem}.feature-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding:clamp(.6rem,1.5vw,.8rem);background:hsla(0,0%,100%,.07);border-radius:10px;border-left:3px solid var(--color-orange);font-size:clamp(.9rem,2vw,1rem);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.03)}.feature-item:nth-child(3n+1){border-left-color:var(--color-orange)}.feature-item:nth-child(3n+2){border-left-color:var(--color-blue)}.feature-item:nth-child(3n){border-left-color:var(--color-green)}.feature-icon{font-size:clamp(1.2rem,3vw,1.5rem);min-width:2rem}@keyframes flicker{0%,to{text-shadow:0 0 5px rgba(224,112,48,.9),0 0 10px rgba(224,112,48,.8),0 0 15px rgba(224,112,48,.75),0 0 20px rgba(224,112,48,.68),0 0 35px rgba(224,112,48,.5),0 0 40px rgba(224,112,48,.45)}50%{text-shadow:0 0 2px rgba(224,112,48,.9),0 0 5px rgba(224,112,48,.8),0 0 8px rgba(224,112,48,.7),0 0 12px rgba(224,112,48,.62),0 0 22px rgba(224,112,48,.45),0 0 25px rgba(224,112,48,.38)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.gameplay-content{gap:3rem}.gameplay-visual{padding:3rem}}@media (max-width:768px){.gameplay{padding:3rem 0}.gameplay-content{grid-template-columns:1fr;gap:2rem;text-align:center}.gameplay-visual{padding:2rem;order:2}.gameplay-info{order:1}.feature-item{text-align:left;gap:.8rem}}@media (max-width:480px){.gameplay{padding:2rem 0}.gameplay-visual{padding:1.5rem;min-height:250px}.feature-item{flex-direction:column;text-align:center;gap:.5rem}.feature-icon{margin-bottom:.5rem}}.tutorial{padding:clamp(4rem,8vw,6rem) 0;background:radial-gradient(circle at top left,rgba(248,93,1,.12),transparent 22%),radial-gradient(circle at right,rgba(35,166,246,.12),transparent 26%),linear-gradient(180deg,var(--color-navy) 0,var(--color-slate-dark) 100%)}.tutorial-header{max-width:760px;margin:0 auto 2.5rem;text-align:center}.tutorial-kicker{margin-bottom:.75rem;color:var(--color-blue);font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.tutorial-title{margin-bottom:1rem;font-size:clamp(2rem,5vw,3rem);color:var(--color-white);text-transform:uppercase;text-shadow:2px 2px 0 var(--color-brown)}.tutorial-subtitle{color:var(--color-gray-light);font-size:clamp(.82rem,2vw,.95rem);line-height:1.7}.tutorial-cta{margin-top:1.35rem}.tutorial-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1.5rem;gap:1.5rem;align-items:stretch}.tutorial-card{position:relative;display:flex;flex-direction:column;gap:1.25rem;min-height:100%;padding:1.25rem;border-radius:28px;background:linear-gradient(180deg,rgba(51,59,72,.95),rgba(42,50,63,.94));border:1px solid rgba(110,131,165,.28);box-shadow:var(--shadow-soft);overflow:hidden}.tutorial-card.accent-green{grid-column:auto}.tutorial-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:5px}.tutorial-card.accent-orange:before{background:var(--gradient-fire)}.tutorial-card.accent-blue:before{background:var(--gradient-blue)}.tutorial-card.accent-green:before{background:var(--gradient-green)}.tutorial-card-top{position:relative;z-index:1}.tutorial-step{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:.35rem .7rem;margin-bottom:.9rem;border-radius:999px;background:hsla(0,0%,100%,.08);color:var(--color-text);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.tutorial-card-title{margin-bottom:.75rem;color:var(--color-white);font-size:clamp(1.2rem,3vw,1.55rem);text-transform:uppercase}.tutorial-card-description{color:var(--color-gray-light);font-size:.9rem;line-height:1.65}.tutorial-image-frame{position:relative;flex:1 1;padding:.5rem;border-radius:24px;background:linear-gradient(180deg,rgba(11,30,56,.92),rgba(42,50,63,.92));border:1px solid hsla(0,0%,100%,.08);display:flex}.tutorial-image{display:block;width:100%;height:100%;max-height:720px;border-radius:18px;object-fit:contain;box-shadow:0 10px 24px rgba(0,0,0,.24)}@media (max-width:1024px){.tutorial-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.tutorial-card:last-child{grid-column:1/-1}}@media (max-width:768px){.tutorial{padding:3.5rem 0}.tutorial-header{margin-bottom:2rem}.tutorial-track{grid-template-columns:1fr;gap:1rem}.tutorial-card{padding:1rem;border-radius:22px}.tutorial-card:last-child{grid-column:auto}.tutorial-card-title{font-size:clamp(1.05rem,4vw,1.25rem)}.tutorial-card-description{font-size:.82rem;line-height:1.55}.tutorial-image-frame{padding:.45rem;border-radius:18px}.tutorial-image{max-height:560px;border-radius:14px}}@media (max-width:480px){.tutorial{padding:3rem 0}.tutorial-header{margin-bottom:1.5rem}.tutorial-kicker{font-size:.72rem;letter-spacing:.12em}.tutorial-title{font-size:clamp(1.65rem,9vw,2.1rem)}.tutorial-subtitle{font-size:.8rem;line-height:1.6}.tutorial-step{min-width:68px;font-size:.65rem;letter-spacing:.1em}.tutorial-card-title{font-size:1rem}.tutorial-image{max-height:460px}}.features{min-height:100vh;background:radial-gradient(circle at top left,rgba(35,166,246,.16),transparent 25%),radial-gradient(circle at bottom right,rgba(82,184,9,.12),transparent 25%),linear-gradient(180deg,var(--color-slate-dark) 0,var(--color-gray-900) 100%);padding:clamp(4rem,8vw,6rem) 0;display:flex;align-items:center}.features-header{text-align:center;margin-bottom:4rem}.features-title{font-size:clamp(2rem,6vw,3rem);font-weight:400;color:var(--color-white);margin-bottom:1.5rem;text-transform:uppercase;text-shadow:2px 2px 0 var(--color-brown)}.features-subtitle{font-size:clamp(.82rem,2vw,.95rem);color:var(--color-gray-light);line-height:1.6;max-width:700px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.feature-card{background:linear-gradient(180deg,rgba(51,59,72,.94),rgba(42,50,63,.92));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:clamp(2rem,4vw,2.5rem);text-align:center;border:1px solid rgba(110,131,165,.32);box-shadow:var(--shadow-soft);transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.12),transparent);transition:left .5s}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-strong)}.feature-card:nth-child(3n+1) .feature-icon{background:var(--gradient-fire)}.feature-card:nth-child(3n+2) .feature-icon{background:var(--gradient-blue)}.feature-card:nth-child(3n) .feature-icon{background:var(--gradient-green)}.feature-icon{width:clamp(60px,15vw,80px);height:clamp(60px,15vw,80px);margin:0 auto 1.5rem;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.22)}.icon-symbol{font-size:clamp(1.5rem,4vw,2rem);filter:brightness(0) invert(1)}.feature-title{font-size:clamp(1.2rem,3vw,1.4rem);font-weight:400;color:var(--color-white);margin-bottom:1rem;text-transform:uppercase}.feature-description{font-size:clamp(.82rem,2vw,.92rem);color:var(--color-gray-light);line-height:1.6}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}}@media (max-width:768px){.features{padding:4rem 0}.features-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.feature-card{padding:2rem}}@media (max-width:480px){.features{padding:3rem 0}.feature-card{padding:1.5rem}.features-grid{gap:1rem}}.levels{min-height:100vh;background:radial-gradient(circle at top,rgba(248,93,1,.12),transparent 24%),radial-gradient(circle at right,rgba(35,166,246,.12),transparent 28%),linear-gradient(180deg,var(--color-gray-700) 0,var(--color-gray-900) 100%);padding:clamp(4rem,8vw,6rem) 0;display:flex;align-items:center}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.levels-header{text-align:center;margin-bottom:4rem;color:var(--color-white)}.levels-title{font-size:clamp(2rem,6vw,3rem);font-weight:400;margin-bottom:1.5rem;text-transform:uppercase;text-shadow:2px 2px 0 var(--color-brown)}.levels-subtitle{font-size:clamp(.82rem,2vw,.95rem);line-height:1.6;max-width:700px;margin:0 auto;color:var(--color-text-muted)}.levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));grid-gap:2rem;gap:2rem}.level-block{background:linear-gradient(180deg,rgba(51,59,72,.94),rgba(42,50,63,.94));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:clamp(1.5rem,3vw,2rem);border:1px solid rgba(110,131,165,.26);box-shadow:var(--shadow-soft);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.level-block:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s}.level-block:hover:before{left:100%}.level-block:hover{transform:translateY(-10px);box-shadow:var(--shadow-strong)}.level-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.level-block-title{font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:400;color:var(--color-white);margin:0;text-transform:uppercase}.level-range{background:hsla(0,0%,100%,.08);color:var(--color-text);padding:.3rem .8rem;border-radius:15px;font-size:clamp(.8rem,1.5vw,.9rem);font-weight:500}.level-block-content{margin-bottom:1.5rem}.difficulty-badge{display:inline-block;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.difficulty-badge[data-difficulty=\43B\435\433\43A\43E]{background:rgba(82,184,9,.2);color:#9ee05f;border:1px solid rgba(82,184,9,.38)}.difficulty-badge[data-difficulty=\441\440\435\434\43D\435]{background:rgba(35,166,246,.16);color:#7dd1ff;border:1px solid rgba(35,166,246,.34)}.difficulty-badge[data-difficulty=\441\43B\43E\436\43D\43E]{background:rgba(197,57,26,.16);color:#ff9a74;border:1px solid rgba(197,57,26,.34)}.difficulty-badge[data-difficulty="очень сложно"]{background:rgba(190,35,1,.22);color:#ff7e5e;border:1px solid rgba(248,93,1,.45)}.level-description{color:var(--color-text-muted);font-size:clamp(.85rem,1.8vw,.95rem);margin:0}.level-preview{margin-top:1.5rem;position:relative}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem;max-width:120px;margin:0 auto}.preview-cell{width:30px;height:30px;background:hsla(0,0%,100%,.1);border-radius:6px;border:1px solid hsla(0,0%,100%,.18);transition:all .3s ease}.play-overlay{position:absolute;inset:0;background:rgba(36,36,36,.74);opacity:0;border-radius:10px}.play-button,.play-overlay{display:flex;align-items:center;justify-content:center;transition:all .3s ease}.play-button{width:50px;height:50px;background:var(--gradient-fire);border-radius:50%;color:var(--color-white);font-size:1.5rem;transform:scale(.8);box-shadow:0 6px 18px rgba(224,112,48,.3)}.level-block:hover .play-overlay{opacity:1}.level-block:hover .play-button{transform:scale(1)}.level-block:hover .preview-cell{background:hsla(0,0%,100%,.22);transform:scale(1.05)}.modal-overlay{position:fixed;inset:0;background:rgba(29,29,29,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:modalFadeIn .3s ease;padding:clamp(1rem,3vw,2rem)}.modal-content{background:linear-gradient(180deg,var(--color-slate-dark) 0,var(--color-navy) 100%);border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid hsla(0,0%,100%,.12);box-shadow:var(--shadow-strong);animation:modalSlideIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:clamp(1.5rem,3vw,2rem) clamp(1.5rem,3vw,2rem) 1rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.modal-title{color:var(--color-white);font-size:clamp(1.4rem,4vw,1.8rem);font-weight:400;margin:0;text-transform:uppercase}.close-button{background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:hsla(0,0%,100%,.1);color:var(--color-white)}.modal-body{padding:clamp(1.5rem,3vw,2rem)}.video-section{margin-bottom:2rem}.video-container{position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:15px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-info{margin-top:1.5rem;text-align:center}.video-info h3{color:var(--color-blue);font-size:clamp(1.1rem,3vw,1.3rem);margin-bottom:.5rem}.video-info p{color:var(--color-text-muted);font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.tips-section{background:hsla(0,0%,100%,.06);border-radius:15px;padding:clamp(1rem,2.5vw,1.5rem);margin-bottom:2rem;border-left:4px solid var(--color-orange)}.tips-section h4{color:var(--color-green);font-size:clamp(1rem,2.5vw,1.2rem);margin-bottom:1rem}.tips-list{list-style:none;padding:0;margin:0}.tip-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.8rem;color:var(--color-text-muted);font-size:clamp(.85rem,2vw,.95rem);line-height:1.5}.tip-icon{font-size:1.2rem;min-width:1.5rem}.level-info{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.info-card{background:hsla(0,0%,100%,.07);border-radius:10px;padding:clamp(.8rem,2vw,1rem) clamp(1rem,2.5vw,1.5rem);text-align:center;min-width:120px;flex:1 1;max-width:200px}.info-label{display:block;color:var(--color-text-soft);font-size:clamp(.75rem,1.5vw,.85rem);margin-bottom:.3rem}.info-value{display:block;font-weight:700;font-size:clamp(.9rem,2vw,1rem)}.info-value,.info-value.difficulty-легко,.info-value.difficulty-средне{color:var(--color-white)}.info-value.difficulty-сложно{color:#ff9a74}.info-value.difficulty-очень-сложно{color:#ff7e5e}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1024px){.levels-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}}@media (max-width:768px){.levels{padding:4rem 0}.levels-grid{grid-template-columns:1fr;gap:1.5rem}.level-block-header{flex-direction:column;align-items:flex-start;gap:.5rem}.modal-overlay{padding:1rem}.modal-content{max-height:95vh}.video-container{border-radius:10px}.tip-item{flex-direction:column;text-align:center;gap:.5rem}}@media (max-width:480px){.levels{padding:3rem 0}.modal-overlay{padding:.5rem}.level-info{flex-direction:column;gap:.8rem}.info-card{min-width:auto;max-width:none}.tips-section{padding:1rem}.video-container{border-radius:8px}}