#animated-frame {
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
}

.site-header{position:fixed;top:20px;left:20px;right:20px;z-index:1000;display:flex;justify-content:space-between;align-items:center;background-color:rgba(0,0,0,.3);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);padding:10px}.header-blog-button{background-color:rgba(255,255,255,.1);color:#fff;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .3s ease;white-space:nowrap}.header-blog-button:hover{background-color:rgba(255,255,255,.2)}.header-content{display:flex;align-items:center;cursor:pointer}.brand-logo{height:40px;width:auto;margin-right:15px}.tagline{font-size:16px;margin:0;color:#eee;height:20px;white-space:nowrap;overflow:hidden;border-right:2px solid rgba(255,255,255,.75);display:inline-block;animation:blinkCursor .7s steps(40,end) infinite normal}@keyframes blinkCursor{from,to{border-color:transparent}50%{border-color:rgba(255,255,255,.75)}}.tagline.typing-done{border-right-color:transparent;animation:none}.promo-container{position:fixed;top:120px;left:50%;transform:translateX(-50%);z-index:999;text-align:center}.disintegrating-link span{display:inline-block;position:relative}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-3px)}20%,40%,60%,80%{transform:translateX(3px)}}.trembling{animation:shake 1s ease-in-out}#plus-trigger{position:fixed;bottom:100px;left:20px;color:#fff;cursor:pointer;font-size:22px;z-index:1001;transition:opacity .3s ease;opacity:1}#plus-trigger.hidden{opacity:0;pointer-events:none}#plus-trigger .plus-text{color:#ff4757;font-family:'Curlz MT',cursive,sans-serif;font-size:2em;font-weight:700;text-shadow:0 0 8px rgba(255,71,87,.7)}#plus-panel{position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(145deg,#232526,#414345);color:#f0f0f0;padding:0 20px;max-height:0;overflow:hidden;transition:max-height .5s ease,padding .5s ease;z-index:1002;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -5px 20px rgba(0,0,0,.4)}#plus-panel.open{max-height:500px;padding:20px}{max-height:250px;padding:20px}#plus-panel h3{margin-top:0;color:#ff4757;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px;margin-bottom:15px}#plus-panel p{line-height:1.6;margin-bottom:10px}.back-to-top-btn{position:fixed;bottom:30px;left:50%;z-index:1000;width:50px;height:50px;background-color:rgba(44,62,80,.85);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(20px) scale(.9);transition:opacity .4s ease,visibility .4s ease,transform .4s ease,background-color .2s ease}.back-to-top-btn.visible{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1)}.back-to-top-btn:hover{background-color:#34495e;transform:translateX(-50%) scale(1.1);box-shadow:0 6px 16px rgba(0,0,0,.4)}.back-to-top-btn svg{width:32px;height:32px;fill:#fff}.video-container{position:relative;width:100%;max-width:320px;box-shadow:0 10px 30px rgba(0,0,0,.5);border-radius:16px;overflow:hidden}.video-container::before{content:'';display:block;padding-top:177.77%}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.site-footer{background-color:#1a1a1a;color:#888;padding:20px 30px;border-top:1px solid #333;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:14px;margin-top:auto}.site-footer .footer-main{display:flex;align-items:center;gap:20px}.site-footer .footer-legal{display:flex;gap:15px}.site-footer a{color:#aaa;text-decoration:none;transition:color .2s ease}.site-footer a:hover{color:#fff}@media (max-width:768px){.header-blog-button{display:none}.promo-container{top:100px}}.header-menu{position:absolute;top:calc(100% + 5px);left:0;background-color:rgba(20,20,20,.9);border-radius:8px;padding:10px 0;min-width:250px;box-shadow:0 4px 15px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease}.header-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.header-menu ul{list-style:none;margin:0;padding:0}.header-menu ul li a{display:block;padding:12px 20px;color:#fff;text-decoration:none;font-size:16px;transition:background-color .2s ease}.header-menu ul li a:hover{background-color:rgba(255,255,255,.1)}@media (max-width:768px){.site-header{flex-direction:column;align-items:flex-start;padding:5px;top:10px;left:10px;right:10px}.header-content{flex-direction:column;align-items:center;margin-bottom:5px}.header-logo img{width:40px}.tagline{position:static;transform:none;margin-top:2px;font-size:.6em;text-align:center;width:100%}.plus-promo{align-self:flex-end;padding:0 5px 5px 0}.promo-text{font-size:12px}.promo-container h2{font-size:clamp(1rem,6vw,1.5rem)}.header-menu,.plus-menu{left:0;width:calc(100% - 20px);z-index:10000!important;background-color:rgba(20,20,20,.95)!important;border:1px solid rgba(255,255,255,.2)!important}.header-menu.active,.plus-menu.active{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.plus-promo-footer{bottom:60px;left:10px;opacity:1!important;visibility:visible!important}.site-footer-bottom{bottom:15px;left:10px;right:10px;text-align:center;font-size:10px}.plus-promo-footer .plus-menu{bottom:calc(100% + 5px);top:auto;max-width:calc(100vw - 40px)}}@media (max-width:480px){.scroll-section img{width:100%;height:auto;max-width:95%;max-height:70%;transform:scale(.95) translateY(30px)}.scroll-section.active img{transform:scale(1) translateY(0)}.scroll-section img{transition:transform .6s cubic-bezier(.25,.46,.45,.94),opacity .6s ease-out}.plus-promo-footer{bottom:20px!important;left:10px!important;font-size:14px;z-index:9999!important;background-color:rgba(0,0,0,.8)!important;padding:8px 12px!important;border-radius:6px!important;border:1px solid rgba(255,255,255,.3)!important;opacity:1!important;visibility:visible!important}.plus-promo-footer.visible{opacity:1!important;visibility:visible!important}.plus-promo-footer .promo-text{font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.plus-promo-footer .plus-highlight{font-size:1.2em;text-shadow:0 0 5px rgba(255,71,87,.8)}}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#111;color:#fff;overflow-x:hidden;height:100%;overscroll-behavior:none}.scroll-container{height:1100vh;position:relative}.scroll-section{height:100vh;width:100%;display:flex;justify-content:center;background-color:#111;align-items:center;position:sticky;top:0;overflow:hidden;z-index:1;opacity:0;visibility:hidden;pointer-events:none;transform:scale(.95) translateY(30px);transition:opacity .6s ease-out,transform .8s cubic-bezier(.25,.46,.45,.94),visibility .6s}.scroll-section.active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1) translateY(0);z-index:2}.scroll-section.text-section{background-color:#111}.scroll-section img{max-width:80%;max-height:80%;object-fit:contain;transform:scale(.9) translateY(50px);opacity:0;transition:transform .8s cubic-bezier(.25,.46,.45,.94),opacity .8s ease-out}.scroll-section.active img{transform:scale(1) translateY(0);opacity:1}@media (max-width:768px){.site-header{flex-direction:column;align-items:flex-start;padding:5px;top:10px;left:10px;right:10px}.header-content{flex-direction:column;align-items:center;margin-bottom:5px}.header-logo img{width:40px}.tagline{position:static;transform:none;margin-top:2px;font-size:.6em;text-align:center;width:100%}.plus-promo{align-self:flex-end;padding:0 5px 5px 0}.promo-text{font-size:12px}.promo-container h2{font-size:clamp(1rem,6vw,1.5rem)}.header-menu,.plus-menu{left:0;width:calc(100% - 20px)}.plus-promo-footer{bottom:60px;left:10px;opacity:1!important;visibility:visible!important}.site-footer-bottom{bottom:15px;left:10px;right:10px;text-align:center;font-size:10px}.plus-promo-footer .plus-menu{bottom:calc(100% + 5px);top:auto;max-width:calc(100vw - 40px)}}@media (max-width:480px){.scroll-section img{width:100%;height:auto;max-width:95%;max-height:70%;transform:scale(.95) translateY(30px)}.scroll-section.active img{transform:scale(1) translateY(0)}.scroll-section img{transition:transform .6s cubic-bezier(.25,.46,.45,.94),opacity .6s ease-out}.plus-promo-footer{bottom:20px!important;left:10px!important;font-size:14px;z-index:9999!important;background-color:rgba(0,0,0,.8)!important;padding:8px 12px!important;border-radius:6px!important;border:1px solid rgba(255,255,255,.3)!important;opacity:1!important;visibility:visible!important}.plus-promo-footer.visible{opacity:1!important;visibility:visible!important}.plus-promo-footer .promo-text{font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.plus-promo-footer .plus-highlight{font-size:1.2em;text-shadow:0 0 5px rgba(255,71,87,.8)}}.plus-promo-footer{position:fixed;bottom:20px;left:20px;z-index:1001;cursor:pointer;color:#fff;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.plus-promo-footer.visible{opacity:1;visibility:visible}.plus-promo-footer .promo-text{font-size:16px}.plus-promo-footer .plus-highlight{font-family:"Curlz MT",cursive;color:#ff4757;font-size:1.5em;font-weight:700;transition:text-shadow .3s ease}.plus-promo-footer:hover .plus-highlight{text-shadow:0 0 10px rgba(255,71,87,.8)}.plus-promo-footer .plus-menu{position:absolute;bottom:calc(100% + 5px);left:0;width:320px;max-width:calc(100vw - 40px);box-sizing:border-box;background:linear-gradient(145deg,#232526,#414345);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;box-shadow:0 -8px 30px rgba(0,0,0,.5);color:#f0f0f0;text-align:left;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.plus-promo-footer .plus-menu.active{opacity:1;pointer-events:auto;transform:translateY(0)}.plus-promo-footer .plus-menu h3{margin-top:0;color:#ff4757;font-size:20px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px;margin-bottom:15px}.plus-promo-footer .plus-menu p{font-size:15px;line-height:1.6;margin:0 0 12px}.plus-promo-footer .plus-menu p:last-child{margin-bottom:0}.site-footer-bottom{position:fixed;bottom:20px;right:20px;left:auto;z-index:1000;text-align:right;font-size:12px;color:#87ceeb;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;text-shadow:1px 1px 2px rgba(0,0,0,.7)}... [truncated]

.video-section {
    display: grid;
    place-items: center;
    height: 100vh;
    padding: 20px;
    box-sizing: border-box;
}

.video-container {
    position: relative;
    width: 100%;
    max-width: 960px; 
    aspect-ratio: 16 / 9;
    background-color: #000;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.youtube-facade {
    background-color: #000; /* Оставляем черный фон на случай, если картинка не загрузится */
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.youtube-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Растягивает картинку, сохраняя пропорции */
    z-index: 1;
}

.play-button {
    width: 90px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    transition: background-color 0.2s;
}

.play-button::after {
    content: '';
    border-style: solid;
    border-width: 15px 0 15px 26px;
    border-color: transparent transparent transparent white;
}

.youtube-facade:hover .play-button {
    background-color: rgba(255, 0, 0, 0.8);
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}