*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#0b0b0d;color:#ffffff;line-height:1.6;font-size:16px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.container.narrow{max-width:720px}.container.center{text-align:center}.section{padding:100px 0}.section.dark{background:#0f0f13}.hero{min-height:100vh;display:flex;align-items:center;background:radial-gradient(circle at top,#1a1a22,#0b0b0d)}.hero .container{text-align:center}.hero h1{font-size:48px;font-weight:500;line-height:1.2}.subtitle{margin-top:20px;color:#b5b5c2;font-size:18px}.actions{margin-top:40px}.btn{display:inline-block;padding:12px 28px;margin-right:12px;border-radius:30px;text-decoration:none;font-size:14px;transition:0.3s ease}.btn.primary{background:#6c63ff;color:#fff}.btn.primary:hover{opacity:0.85}.btn.ghost{border:1px solid #6c63ff;color:#6c63ff}h2{font-size:32px;font-weight:500;margin-bottom:30px}h3{font-size:20px;font-weight:500;margin-bottom:10px}.muted{color:#9a9ab0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}.card{background:#14141c;padding:30px;border-radius:20px;display:flex;flex-direction:column}.card p{font-size:14px;color:#9a9ab0;line-height:1.5}.floating-player{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#14141c;border-top:1px solid #2a2a35;padding:16px 20px;transform:translateY(100%);transition:transform 0.3s ease}.floating-player.active{transform:translateY(0)}body.fp-active{padding-bottom:110px}.fp-inner{max-width:1200px;margin:0 auto}.fp-row{display:flex;align-items:center;gap:12px}.floating-player .sp-waveform-wrap{height:56px}.floating-player .sp-bottom{margin-top:6px}.services-player{margin-top:48px;background:#14141c;border-radius:20px;padding:30px}.services-player h3{margin:0 0 20px;font-size:18px;color:#fff}.sp-player{margin-bottom:24px}.sp-current-track{font-size:14px;color:#b5b5c2}.sp-row{display:flex;align-items:center;gap:12px}.sp-play-main{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background:#6c63ff;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity 0.3s}.sp-play-main:hover{opacity:0.8}.sp-waveform-wrap{position:relative;height:70px;border-radius:12px;overflow:hidden;cursor:pointer;background:#0e0e16;flex:1}.sp-waveform-wrap canvas{display:block;width:100%;height:100%}.sp-progress{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(108,99,255,0.25);border-right:2px solid #6c63ff;pointer-events:none;transition:width 0.1s linear}.sp-bottom{display:flex;justify-content:space-between;margin-top:8px}.sp-bottom > span{font-size:12px;color:#6a6a80}.sp-wave-label{font-size:12px;color:#6a6a80;text-align:center}.sp-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;cursor:pointer;transition:background 0.2s}.sp-item:hover{background:#1c1c28}.sp-item.active{background:rgba(108,99,255,0.12)}.sp-service{font-size:14px;color:#b5b5c2;min-width:120px}.sp-divider{color:#2a2a35}.sp-name{font-size:14px;color:#9a9ab0;flex:1}.sp-indicator{font-size:10px;color:#6a6a80;margin-left:auto}.sp-item.active .sp-indicator{color:#6c63ff}.sp-group{margin-bottom:8px}.sp-group:last-child{margin-bottom:0}.sp-group-title{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:500;color:#b5b5c2;cursor:pointer;border-radius:12px;transition:background .2s;user-select:none;touch-action:manipulation}.sp-group-title:hover{background:#1c1c28}.sp-group-arrow{font-size:20px;color:#6a6a80;transition:transform .2s}.sp-group-title.collapsed .sp-group-arrow{transform:rotate(-90deg)}.sp-group-items{display:flex;flex-direction:column;gap:2px;padding-left:24px}.sp-group-title.collapsed+.sp-group-items{display:none}.sp-list{display:flex;flex-direction:column;gap:4px}.topbar{position:absolute;top:32px;left:0;width:100%;z-index:10}.topbar-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;position:relative}.menu{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:28px}.nav-wrap{display:flex;align-items:center;gap:40px;margin-left:auto}.logo-hover{display:inline-block;transition:transform 0.3s ease}.logo-hover:hover{transform:scale(1.05)}.logo-svg{height:48px;width:auto;display:block;opacity:0;transform:translateY(-6px);animation:logoFadeIn 0.8s ease forwards;animation-delay:0.4s}@keyframes logoFadeIn{to{opacity:1;transform:translateY(0)}}.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:20}.burger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:0.3s ease}.burger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.menu a{position:relative;font-size:14px;color:#b5b5c2;text-decoration:none;letter-spacing:0.08em;text-transform:uppercase;padding-bottom:10px;transition:color 0.3s ease}.menu a:hover{color:#ffffff}.menu a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:linear-gradient(#6c63ff 0 0) 0 50% / 2px 40%,linear-gradient(#6c63ff 0 0) 4px 50% / 2px 70%,linear-gradient(#6c63ff 0 0) 8px 50% / 2px 50%,linear-gradient(#6c63ff 0 0) 12px 50% / 2px 80%,linear-gradient(#6c63ff 0 0) 16px 50% / 2px 45%,linear-gradient(#6c63ff 0 0) 20px 50% / 2px 65%;background-repeat:repeat-x;background-size:24px 100%;opacity:0;transform:translateY(2px);transition:opacity 0.3s ease}.menu a:hover::after{opacity:1;animation:waveformMove 0.6s linear infinite}@keyframes waveformMove{from{background-position:0 50%}to{background-position:36px 50%}}.socials{display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(-6px);animation:socialsFadeIn 0.8s ease forwards;animation-delay:0.6s}@keyframes socialsFadeIn{to{opacity:1;transform:translateY(0)}}.socials a{color:#6a6a80;display:flex;align-items:center;transition:color 0.3s ease}.socials a img{width:26px;height:26px;object-fit:contain;filter:brightness(0) saturate(100%) invert(68%) sepia(0%) saturate(0%) brightness(97%) contrast(85%);transition:filter 0.3s ease,transform 0.3s ease}.socials a[aria-label="Telegram"] img{transform:scale(1.15)}.socials a:hover img{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);transform:scale(1)}.socials a[aria-label="Telegram"]:hover img{transform:scale(1.15)}.slider{position:relative;overflow:hidden;margin-top:40px}.slider-track{display:flex;gap:30px;transition:transform 0.6s ease}.slide{min-width:300px;border-radius:20px;overflow:hidden;background:#14141c;transition:transform 0.3s ease,opacity 0.3s ease}.slide img{width:100%;height:200px;object-fit:cover;display:block}.slide:hover{transform:translateY(-6px);opacity:0.9}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(20,20,28,0.8);border:none;color:white;font-size:32px;width:48px;height:48px;border-radius:50%;cursor:pointer;z-index:2;opacity:0;transition:opacity 0.3s ease,background 0.3s ease}.slider:hover .slider-btn{opacity:1}.slider-btn:hover{background:#6c63ff}.slider-btn.prev{left:10px}.slider-btn.next{right:10px}.slider-btn:hover{background:#6c63ff}.email{display:inline-block;margin-top:20px;font-size:18px;color:#6c63ff;text-decoration:none}footer{text-align:center;padding:30px;font-size:14px;color:#777}.animate{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease,transform 0.8s ease}.animate.show{opacity:1;transform:translateY(0)}.delay-1{transition-delay:0.1s}.delay-2{transition-delay:0.2s}.delay-3{transition-delay:0.3s}.delay-4{transition-delay:0.4s}#topMark{height:1px;pointer-events:none}.background-fixed{position:fixed;inset:0;z-index:-1;background:radial-gradient( circle at top,#1a1a22 0%,#0b0b0d 65% );background-repeat:no-repeat;background-size:cover;background-position:center}.background-fixed::after{content:"";position:absolute;inset:0;background-image:url("../img/background.jpg");background-image:image-set( url("../img/background.webp") type("image/webp"),url("../img/background.jpg") type("image/jpeg") );background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0.1;pointer-events:none}.audio-player{margin-top:40px;display:inline-flex;align-items:center;gap:14px;background:rgba(20,20,28,0.6);backdrop-filter:blur(6px);padding:10px 18px;border-radius:999px}.audio-player button{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;background:#6c63ff;color:#fff;font-size:12px}.audio-player .track-name{font-size:13px;color:#b5b5c2;letter-spacing:0.04em}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85);display:flex;justify-content:center;align-items:center;z-index:9999}.video-container{width:960px;max-width:95vw;aspect-ratio:16 / 9;position:relative;display:flex;justify-content:center;align-items:center}.video-container video{width:100%;height:100%;object-fit:contain;outline:none}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background-color:#6c63ff;border:none;border-radius:50%;font-size:18px;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:opacity 0.3s;z-index:10}.modal-close:hover{opacity:0.8}.contact-form{margin-top:32px;display:flex;flex-direction:column;gap:16px;max-width:440px;margin-left:auto;margin-right:auto}.contact-email{margin-top:12px}.contact-email a{color:#6c63ff;text-decoration:none;font-size:18px;transition:opacity 0.3s ease}.contact-email a:hover{opacity:0.8}.contact-form input,.contact-form textarea{width:100%;padding:14px 18px;border-radius:12px;border:1px solid #2a2a35;background:#14141c;color:#fff;font-size:15px;font-family:inherit;transition:border-color 0.3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#6c63ff}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6a6a80}.contact-form .btn{align-self:center;margin-top:8px;border:none;cursor:pointer}.toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%) translateY(120px);background:#1a1a22;border:1px solid #2a2a35;border-radius:16px;padding:20px 32px;text-align:center;color:#fff;font-size:16px;opacity:0;transition:opacity 0.5s ease,transform 0.5s ease;z-index:9999;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}@media (max-width:480px){.toast{bottom:20px;padding:16px 24px;font-size:14px;white-space:normal}}@media (max-width:900px){.burger{display:flex;margin-left:auto}.nav-wrap{position:fixed;top:0;right:-100%;width:280px;height:100vh;flex-direction:column;justify-content:center;gap:40px;background:rgba(11,11,13,0.97);backdrop-filter:blur(12px);transition:right 0.4s ease;z-index:15}.nav-wrap.open{right:0}.menu{position:static;transform:none;flex-direction:column;align-items:center;gap:32px}.menu a{font-size:18px}}@media (max-width:768px){.hero h1{font-size:34px;animation:none;text-shadow:none}.hero{min-height:80vh}.section{padding:60px 0}h2{font-size:26px;margin-bottom:20px}.slide{min-width:240px}.slide img{height:200px}.slider-btn{width:36px;height:36px;font-size:24px}.logo-slide{height:80px;padding:0 30px}.logo-slide img{height:50px;max-width:120px}.sp-service{min-width:90px;font-size:13px}.sp-name{font-size:13px}.services-player{padding:20px}}@media (max-width:480px){.hero h1{font-size:28px}.subtitle{font-size:16px}.btn{padding:10px 22px;font-size:13px}.section{padding:40px 0}.grid{grid-template-columns:1fr;gap:20px}.card{padding:24px}.sp-item{flex-wrap:wrap;gap:3px 6px;padding:6px}.sp-service{min-width:auto;font-size:13px}.services-player{padding:16px}.sp-name{font-size:13px}.slide{min-width:180px}.slide img{height:120px}.slider-track{gap:16px}.logo-slide{height:60px;padding:0 20px}.logo-slide img{height:36px;max-width:80px}.video-container{max-width:98vw}}@media (max-height:500px) and (orientation:landscape){.hero h1{font-size:22px}.subtitle{font-size:14px;margin-top:10px}.hero .container{padding-top:70px}}.scroll-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;border-radius:50%;border:none;background:#6c63ff;color:#fff;font-size:22px;cursor:pointer;z-index:50;opacity:0;transform:translateY(20px);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none;display:flex;align-items:center;justify-content:center}.scroll-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-top:hover{opacity:0.85}.about-text{max-width:720px;margin:0 auto 40px;text-align:center;color:#b5b5c2;font-size:16px;line-height:1.7}.cooperation{margin-top:60px;text-align:center}.cooperation h3{font-size:22px;margin-bottom:30px}.logo-slider{overflow:hidden;padding:20px 0;cursor:pointer}.logo-slider-track{white-space:nowrap;will-change:transform;font-size:0}.logo-slide{display:inline-block;vertical-align:middle;padding:0 50px;height:100px;line-height:100px;text-align:center}.logo-slide img{vertical-align:middle}.logo-slide img{height:60px;width:auto;max-width:180px;object-fit:contain;opacity:0.7;transition:opacity 0.4s ease}.logo-slide img:hover{opacity:1}