:root{--bg:#050e1d;--panel:rgba(13,25,43,.62);--blue:#38bdf8;--blue2:#2563eb;--text:#f8fafc;--muted:#9fb2ca;--border:rgba(125,211,252,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.site{position:relative;z-index:2;min-height:100vh}.container{width:min(1040px,calc(100% - 28px));margin:auto}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none;z-index:0;animation:drift 11s ease-in-out infinite alternate}.ambient-a{width:430px;height:430px;left:-160px;top:-120px;background:#1d4ed8}.ambient-b{width:360px;height:360px;right:-150px;top:35%;background:#0891b2;animation-delay:-4s}.stars{position:fixed;inset:0;z-index:1;opacity:.24;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.65) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.header{min-height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:19px;font-weight:800}.brand img{width:42px;height:42px;border-radius:13px;object-fit:contain;padding:3px;background:rgba(255,255,255,.04);box-shadow:0 10px 30px rgba(56,189,248,.28)}button{font:inherit}.glass{border:1px solid var(--border);background:linear-gradient(145deg,rgba(19,36,61,.72),rgba(8,18,34,.5));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px rgba(255,255,255,.05)}.profile{color:#fff;border-radius:13px;padding:10px 14px}.hero{min-height:680px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 0 68px}.logo-stage{position:relative;width:min(410px,88vw);aspect-ratio:1;display:grid;place-items:center;margin:4px auto 46px;isolation:isolate}.hero-logo{position:relative;z-index:5;width:72%;height:94%;object-fit:contain;object-position:center;filter:drop-shadow(0 28px 35px rgba(0,0,0,.45))}.logo-glow{position:absolute;z-index:1;width:68%;height:68%;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.42),rgba(37,99,235,.12) 52%,transparent 72%);filter:blur(17px);animation:pulseGlow 3.1s ease-in-out infinite}.logo-shadow{position:absolute;bottom:9%;width:42%;height:8%;border-radius:50%;background:rgba(0,0,0,.55);filter:blur(16px);animation:shadowPulse 4.2s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(125,211,252,.24);border-radius:50%;z-index:2;animation:spin 12s linear infinite}.orbit:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#7dd3fc;box-shadow:0 0 16px #38bdf8;top:12%;left:17%}.orbit-one{width:88%;height:88%;transform:rotate(18deg)}.orbit-two{width:72%;height:72%;animation-direction:reverse;animation-duration:9s;opacity:.58}.badge{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid rgba(125,211,252,.28);border-radius:999px;background:rgba(37,99,235,.12);color:#c7e8ff;font-size:13px}.badge i{width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 14px #38bdf8;animation:blink 1.8s infinite}h1{font-size:clamp(39px,8vw,68px);line-height:1.02;letter-spacing:-2.3px;margin:21px 0 17px}h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#a5e2ff,#38bdf8);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradientMove 4s linear infinite}.hero-copy>p{max-width:670px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.62}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:27px}.actions button{position:relative;overflow:hidden;min-height:52px;padding:0 23px;border-radius:15px;color:#fff;font-weight:800;cursor:pointer;transition:transform .2s,border-color .2s}.actions button:active,.features article:active{transform:scale(.97)}.primary{border:0;background:linear-gradient(135deg,#38bdf8,#2563eb);box-shadow:0 16px 38px rgba(37,99,235,.34)}.shine:after{content:"";position:absolute;inset:-60% auto -60% -45%;width:35%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:shine 3.6s infinite}.secondary{border:1px solid var(--border)}.points{display:flex;justify-content:center;flex-wrap:wrap;gap:11px 22px;margin-top:24px;color:#cbd5e1;font-size:13px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-bottom:68px}.features article{border-radius:21px;padding:22px;text-align:left;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}.features article:hover{transform:translateY(-5px);border-color:rgba(125,211,252,.46);box-shadow:0 18px 45px rgba(0,0,0,.2)}.features article>span{font-size:28px}.features h3{margin:13px 0 7px}.features p{margin:0;color:var(--muted);line-height:1.48}footer{border-top:1px solid var(--border);padding:25px 0 34px;text-align:center;color:var(--muted);font-size:13px}.reveal{opacity:0;transform:translateY(18px);animation:reveal .75s cubic-bezier(.2,.8,.2,1) forwards}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.25s}.delay-3{animation-delay:.42s}@keyframes reveal{to{opacity:1;transform:none}}@keyframes floatLogo{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-13px) scale(1.025)}}@keyframes pulseGlow{0%,100%{transform:scale(.92);opacity:.62}50%{transform:scale(1.12);opacity:1}}@keyframes shadowPulse{0%,100%{transform:scaleX(1);opacity:.5}50%{transform:scaleX(.78);opacity:.32}}@keyframes spin{to{transform:rotate(378deg)}}@keyframes blink{50%{opacity:.35;transform:scale(.75)}}@keyframes gradientMove{to{background-position:200% center}}@keyframes shine{0%,50%{left:-45%}78%,100%{left:125%}}@keyframes drift{to{transform:translate(45px,45px) scale(1.13)}}@media(max-width:700px){.hero{min-height:auto;padding:26px 0 54px}.logo-stage{width:min(350px,92vw)}.features{grid-template-columns:1fr 1fr}h1{font-size:44px}.hero-copy>p{font-size:16px}}@media(max-width:470px){.header{min-height:64px}.brand span{font-size:16px}.brand img{width:37px;height:37px}.profile span{display:none}.profile{padding:9px 11px}.logo-stage{width:88vw;margin-top:-4px;margin-bottom:34px}.hero-logo{width:70%;height:94%}h1{font-size:38px;letter-spacing:-1.5px}.features{grid-template-columns:1fr}.features article{padding:19px}.actions button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* SPARKY BRAND REFRESH 16.1.0 */
.brand img,.hero-logo{object-fit:contain!important;background:transparent!important;border-radius:0!important;padding:0!important}

/* WEBAPP NATIVE LINKS 16.2.1 */
.profile{text-decoration:none;cursor:pointer}
.actions a{position:relative;overflow:hidden;min-height:52px;padding:0 23px;border-radius:15px;color:#fff;font-weight:800;cursor:pointer;transition:transform .2s,border-color .2s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.actions a:active,.feature-card:active{transform:scale(.97)}
.feature-card{border-radius:21px;padding:22px;text-align:left;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s;text-decoration:none;color:inherit;display:block}
.feature-card:hover{transform:translateY(-5px);border-color:rgba(125,211,252,.46);box-shadow:0 18px 45px rgba(0,0,0,.2)}
.feature-card>span{font-size:28px}
.feature-card h3{margin:13px 0 7px}
.feature-card p{margin:0;color:var(--muted);line-height:1.48}
@media(max-width:470px){.actions a{width:100%}}


/* SPARKY TELEGRAM LOGO FIX 17.1.0 */
.brand img{object-fit:contain!important;object-position:center!important;background:rgba(255,255,255,.035)!important;border-radius:13px!important;padding:4px!important}
.hero-logo{width:min(72%,290px)!important;height:min(94%,390px)!important;object-fit:contain!important;object-position:center!important}
@media(max-width:470px){.brand img{border-radius:11px!important;padding:3px!important}.hero-logo{width:min(70%,245px)!important;height:min(92%,330px)!important}}

/* SPARKY MINI APP HOME RESTORE 22.4.2 */

/*
 * Стартовая страница сохраняет исходную композицию.
 * Никакого динамического изменения размеров логотипа при прокрутке.
 */
html,
body {
    min-height: 100%;
    overflow-x: hidden;
    scroll-behavior: auto !important;
}

body {
    padding-top: env(safe-area-inset-top, 0px);
    padding-right: env(safe-area-inset-right, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    padding-left: env(safe-area-inset-left, 0px);
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: auto;
}

/* Возвращаем исходное управление размерами стартового логотипа. */
.logo-stage,
.logo-wrap,
.hero-logo,
.sparky-logo-stage {
    transform: none;
    max-height: none;
}

.logo-stage img,
.logo-wrap img,
.hero-logo,
.sparky-logo {
    height: auto;
}

/*
 * Отменяем правила 22.4.0, которые могли сдвигать стартовую композицию
 * на телефонах и в альбомной ориентации.
 */
@media (max-width: 640px) {
    .hero {
        min-height: initial;
    }

    .logo-stage {
        max-height: none;
    }
}

@media (max-height: 520px) and (orientation: landscape) {
    .hero {
        min-height: initial;
    }

    .logo-stage {
        width: initial;
        margin-bottom: initial;
    }
}

/* Во время прокрутки не трогаем геометрию страницы. */
html.sparky-home-scrolling .logo-stage,
html.sparky-home-scrolling .logo-wrap,
html.sparky-home-scrolling .hero,
html.sparky-home-scrolling .hero-copy {
    transform: none !important;
}