@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root{
--bg:#010112;--bg2:#080828;--bg3:#0f0f38;
--card:rgba(10,10,40,.5);--card-h:rgba(18,18,55,.7);
--accent:#7c5ce7;--accent-l:#b8a9ff;
--accent-g:linear-gradient(135deg,#6c5ce7,#a29bfe);
--danger:#ff4757;--success:#2ed573;--warning:#ffa502;
--text:#eeeeff;--text-dim:#6a6a96;--text-muted:#363660;
--border:rgba(124,92,231,.1);--border-h:rgba(124,92,231,.25);
--glow:rgba(124,92,231,.1);--glow-s:rgba(124,92,231,.35);
--r:20px;--rs:12px;
--tr:all .4s cubic-bezier(.4,0,.2,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;min-height:100vh}

.container{max-width:1200px;margin:0 auto;padding:0 24px}
.gradient-text{background:var(--accent-g);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gs 4s ease infinite}
@keyframes gs{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(1,1,18,.85);backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}
.nav.scrolled{background:rgba(1,1,18,.95);box-shadow:0 4px 30px rgba(0,0,0,.3)}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:72px}
.nav-logo{font-size:20px;font-weight:900;text-decoration:none;background:var(--accent-g);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav-links{display:flex;gap:32px;margin-left:auto}
.nav-links a{color:var(--text-dim);text-decoration:none;font-size:14px;font-weight:500;transition:var(--tr);position:relative;padding:8px 0}
.nav-links a:hover,.nav-links a.active{color:var(--accent-l)}
.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-g);transition:width .3s;border-radius:2px}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-burger{display:none;background:none;border:none;color:var(--text);font-size:26px;cursor:pointer;margin-left:auto}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border:none;border-radius:var(--rs);font-family:'Inter';font-size:14px;font-weight:600;cursor:pointer;transition:var(--tr);text-decoration:none;color:white;position:relative;overflow:hidden}
.btn::after{content:'';position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .2s}
.btn:hover::after{opacity:1}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.4)}
.btn-primary{background:var(--accent-g);background-size:200% 200%;animation:gs 3s ease infinite}
.btn-glass{background:rgba(124,92,231,.08);border:1px solid var(--border);color:var(--text-dim);backdrop-filter:blur(10px)}
.btn-glass:hover{border-color:var(--accent);color:var(--text)}
.btn-lg{padding:18px 38px;font-size:16px;border-radius:16px}
.btn-xl{padding:22px 48px;font-size:18px;border-radius:18px}
.glow-btn{box-shadow:0 0 30px rgba(124,92,231,.2)}
.glow-btn:hover{box-shadow:0 0 50px rgba(124,92,231,.35)}

/* PAGE HEADER */
.page-hero{padding:140px 0 80px;text-align:center;position:relative;overflow:hidden}
.page-hero .orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.1;animation:orbF 20s ease-in-out infinite}
.page-hero .orb-1{width:500px;height:500px;background:#6c5ce7;top:-200px;right:-100px}
.page-hero .orb-2{width:400px;height:400px;background:#ff4757;bottom:-150px;left:-100px;animation-delay:-7s}
@keyframes orbF{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(50px,-40px) scale(1.1)}50%{transform:translate(-40px,50px) scale(.9)}75%{transform:translate(40px,30px) scale(1.05)}}
.page-hero-tag{display:inline-block;padding:8px 20px;border-radius:20px;background:rgba(124,92,231,.08);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--accent-l);margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}
.page-hero h1{font-size:clamp(36px,6vw,56px);font-weight:900;margin-bottom:16px}
.page-hero p{font-size:17px;color:var(--text-dim);max-width:600px;margin:0 auto}

/* SECTION */
.section{padding:80px 0}
.section-dark{background:var(--bg2)}

/* CARDS */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.card{background:var(--card);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--r);padding:36px;transition:var(--tr);position:relative;overflow:hidden}
.card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(124,92,231,.06),transparent 60%);opacity:0;transition:opacity .3s}
.card:hover::before{opacity:1}
.card:hover{transform:translateY(-6px);border-color:var(--border-h);box-shadow:0 24px 60px var(--glow)}
.card-icon{width:64px;height:64px;border-radius:18px;background:rgba(124,92,231,.08);display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:24px;transition:transform .3s}
.card:hover .card-icon{transform:scale(1.1) rotate(-5deg)}
.card h3{font-size:18px;font-weight:700;margin-bottom:12px}
.card p{font-size:13px;color:var(--text-dim);line-height:1.8;margin-bottom:16px}
.tags{display:flex;gap:8px;flex-wrap:wrap}
.tag{padding:4px 12px;border-radius:6px;background:rgba(124,92,231,.06);border:1px solid var(--border);font-size:10px;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.5px}

/* TABLE */
.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;backdrop-filter:blur(10px)}
table{width:100%;border-collapse:collapse}
th,td{padding:16px 22px;text-align:left;font-size:14px;border-bottom:1px solid var(--border)}
th{background:rgba(8,8,40,.8);color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:1.5px}
td{color:var(--text-dim)}
.hl{color:var(--success)!important;font-weight:600;background:rgba(46,213,115,.03)}

/* UNBLOCK GRID */
.ub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.ub-item{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--rs);display:flex;align-items:center;gap:16px;transition:var(--tr)}
.ub-item:hover{border-color:var(--border-h);transform:translateY(-3px);box-shadow:0 12px 36px var(--glow)}
.ub-item span{font-size:24px;flex-shrink:0}
.ub-item strong{font-size:14px;display:block;margin-bottom:2px}
.ub-item small{font-size:11px;color:var(--text-muted)}

/* DOWNLOAD */
.dl-box{text-align:center;padding:100px 40px;position:relative;background:var(--card);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;overflow:hidden}
.dl-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.1;pointer-events:none}
.dl-o1{width:500px;height:500px;background:var(--accent);top:-200px;left:50%;transform:translateX(-50%);animation:orbF 15s ease-in-out infinite}
.dl-o2{width:300px;height:300px;background:#ff4757;bottom:-100px;right:-50px;animation:orbF 12s ease-in-out infinite reverse}
.dl-content{position:relative;z-index:1}
.dl-icon{font-size:72px;margin-bottom:28px;display:block;animation:aflt 3s ease-in-out infinite}
@keyframes aflt{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.dl-box h2{font-size:36px;font-weight:900;margin-bottom:14px}
.dl-sub{color:var(--text-dim);font-size:17px;margin-bottom:36px}
.dl-specs{display:flex;gap:16px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}
.dl-spec{padding:12px 24px;background:rgba(124,92,231,.06);border:1px solid var(--border);border-radius:var(--rs);font-size:13px;color:var(--text-dim);display:flex;align-items:center;gap:8px}
.dl-note{font-size:12px;color:var(--text-muted);margin-top:28px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.7}

/* FAQ */
.faq-list{max-width:800px;margin:0 auto}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--rs);margin-bottom:12px;overflow:hidden;cursor:pointer;transition:var(--tr);backdrop-filter:blur(10px)}
.faq-item:hover{border-color:var(--border-h)}
.faq-q{padding:22px 26px;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600}
.faq-arr{font-size:18px;color:var(--accent);transition:transform .3s;font-weight:300}
.faq-item.open .faq-arr{transform:rotate(45deg)}
.faq-a{padding:0 26px;max-height:0;overflow:hidden;transition:all .4s;font-size:14px;color:var(--text-dim);line-height:1.9}
.faq-item.open .faq-a{max-height:300px;padding:0 26px 22px}

/* STEPS */
.steps{max-width:700px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.step{display:flex;align-items:flex-start;gap:28px;padding:36px;background:var(--card);border:1px solid var(--border);border-radius:var(--r);width:100%;transition:var(--tr)}
.step:hover{border-color:var(--border-h);transform:translateY(-4px);box-shadow:0 16px 48px var(--glow)}
.step-num{font-size:48px;font-weight:900;background:var(--accent-g);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;min-width:70px}
.step h3{font-size:20px;font-weight:700;margin-bottom:8px}
.step p{font-size:14px;color:var(--text-dim);line-height:1.8}
.step-line{width:2px;height:40px;background:linear-gradient(var(--border),transparent);margin:0 auto}

/* ABOUT */
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:40px 0}
.about-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:28px;text-align:center;transition:var(--tr)}
.about-stat:hover{border-color:var(--border-h);transform:translateY(-4px);box-shadow:0 16px 40px var(--glow)}
.about-stat-num{font-size:36px;font-weight:900;background:var(--accent-g);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.about-stat-label{font-size:11px;color:var(--text-dim);margin-top:6px;text-transform:uppercase;letter-spacing:1px}
.about-info{max-width:800px;margin:0 auto}
.about-info h2{font-size:22px;font-weight:800;margin:36px 0 16px;color:var(--accent-l);padding-left:16px;position:relative}
.about-info h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:var(--accent-g);border-radius:4px}
.about-info p{margin-bottom:14px;color:var(--text-dim);font-size:14px;line-height:1.9}
.about-info pre{background:rgba(8,8,28,.9);border:1px solid var(--border);border-radius:var(--r);padding:24px;font-family:monospace;font-size:12px;color:var(--success);overflow-x:auto;margin:18px 0;white-space:pre;line-height:1.8}

/* HERO (index only) */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:120px 24px 60px}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(124,92,231,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(124,92,231,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,black,transparent)}
.hero-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.particle{position:absolute;border-radius:50%;background:var(--accent);opacity:.04;animation:float linear infinite}
@keyframes float{0%{transform:translateY(100vh) rotate(0) scale(0);opacity:0}10%{opacity:.04;transform:scale(1)}90%{opacity:.04}100%{transform:translateY(-10vh) rotate(720deg) scale(0);opacity:0}}
.hero-content{text-align:center;position:relative;z-index:1;max-width:800px}
.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;border-radius:30px;background:rgba(124,92,231,.08);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--accent-l);margin-bottom:36px}
.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:bdot 2s ease infinite}
@keyframes bdot{0%,100%{box-shadow:0 0 4px var(--success)}50%{box-shadow:0 0 16px var(--success)}}
.hero-title{font-size:clamp(50px,9vw,86px);font-weight:900;line-height:1.05;margin-bottom:8px;filter:drop-shadow(0 0 60px rgba(124,92,231,.25))}
.hero-title-sub{color:var(--text);font-size:clamp(40px,7vw,70px);opacity:.9}
.hero-sub{font-size:18px;color:var(--text-dim);max-width:580px;margin:24px auto 44px;line-height:1.9}
.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hero-stats{display:flex;gap:20px;justify-content:center;margin-top:70px;flex-wrap:wrap}
.stat-card{padding:24px 32px;background:var(--card);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--r);text-align:center;transition:var(--tr);min-width:130px}
.stat-card:hover{border-color:var(--border-h);transform:translateY(-4px);box-shadow:0 12px 40px var(--glow)}
.stat-num{font-size:32px;font-weight:900;background:var(--accent-g);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.stat-label{font-size:11px;color:var(--text-dim);margin-top:6px;text-transform:uppercase;letter-spacing:1px}

/* FOOTER */
.footer{padding:70px 0 30px;border-top:1px solid var(--border);background:var(--bg)}
.footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;margin-bottom:40px}
.footer-brand h3{font-size:22px;font-weight:900;margin-bottom:8px;background:var(--accent-g);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.footer-brand p{color:var(--text-dim);font-size:14px}
.footer-links{display:flex;gap:28px}
.footer-links a{color:var(--text-dim);text-decoration:none;font-size:14px;transition:color .3s}
.footer-links a:hover{color:var(--accent-l)}
.footer-bottom{text-align:center;padding-top:28px;border-top:1px solid var(--border)}
.footer-bottom p{color:var(--text-muted);font-size:12px}

/* REVEAL */
.reveal{opacity:0;transform:translateY(40px);transition:all .7s cubic-bezier(.4,0,.2,1)}
.reveal.visible{opacity:1;transform:translateY(0)}

@media(max-width:768px){
.nav-links{display:none;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:rgba(1,1,18,.98);padding:24px;gap:18px;border-bottom:1px solid var(--border);backdrop-filter:blur(20px)}
.nav-links.open{display:flex}
.nav-burger{display:block}
.hero-title{font-size:44px}.hero-title-sub{font-size:36px}
.hero-stats{gap:12px}.stat-card{padding:18px 22px;min-width:100px}.stat-num{font-size:26px}
.card-grid{grid-template-columns:1fr}
.ub-grid{grid-template-columns:repeat(2,1fr)}
.about-stats{grid-template-columns:repeat(2,1fr)}
.footer-top{flex-direction:column;text-align:center}
.dl-specs{flex-direction:column;align-items:center}
}

::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(124,92,231,.15);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:rgba(124,92,231,.3)}
/* ПОЛНЫЙ ЗАПРЕТ ВЫДЕЛЕНИЯ И КОПИРОВАНИЯ */
* {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
}

::selection {
    background: transparent !important;
    color: inherit !important;
}

::-moz-selection {
    background: transparent !important;
    color: inherit !important;
}

img {
    -webkit-user-drag: none !important;
    pointer-events: none !important;
	/* CUSTOM CURSOR */
* {
    cursor: none !important;
}

.cursor-dot {
    position: fixed;
    width: 8px;
    height: 8px;
    background: var(--accent);
    border-radius: 50%;
    pointer-events: none;
    z-index: 99999;
    transform: translate(-50%, -50%);
    transition: width .2s, height .2s, background .2s;
    box-shadow: 0 0 10px var(--accent), 0 0 20px rgba(124,92,231,.3);
}

.cursor-ring {
    position: fixed;
    width: 40px;
    height: 40px;
    border: 2px solid rgba(124,92,231,.4);
    border-radius: 50%;
    pointer-events: none;
    z-index: 99998;
    transform: translate(-50%, -50%);
    transition: width .3s, height .3s, border-color .3s, background .3s;
}

.cursor-dot.hover {
    width: 14px;
    height: 14px;
    background: var(--accent-l);
    box-shadow: 0 0 20px var(--accent), 0 0 40px rgba(124,92,231,.5);
}

.cursor-ring.hover {
    width: 60px;
    height: 60px;
    border-color: rgba(124,92,231,.6);
    background: rgba(124,92,231,.05);
}

.cursor-dot.click {
    width: 6px;
    height: 6px;
    background: #fff;
}

.cursor-ring.click {
    width: 30px;
    height: 30px;
    border-color: rgba(255,255,255,.6);
}

.cursor-trail {
    position: fixed;
    width: 4px;
    height: 4px;
    background: var(--accent);
    border-radius: 50%;
    pointer-events: none;
    z-index: 99997;
    opacity: 0;
    transform: translate(-50%, -50%);
    animation: trailFade .6s ease forwards;
}

@keyframes trailFade {
    0% { opacity: .6; transform: translate(-50%, -50%) scale(1); }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(0); }
}
/* DOWNLOAD COUNTER */
.dl-counter {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    color: var(--text-dim);
}

.counter-num {
    font-size: 22px;
    font-weight: 900;
    background: var(--accent-g);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    min-width: 40px;
    display: inline-block;
}

/* FIX ORBS */
.orb {
    position: absolute;
    border-radius: 50% !important;
    filter: blur(100px);
    opacity: .12;
    animation: orbF 20s ease-in-out infinite;
    pointer-events: none;
}

@keyframes orbF {
    0%, 100% { transform: translate(0, 0) scale(1); }
    25% { transform: translate(50px, -40px) scale(1.1); }
    50% { transform: translate(-40px, 50px) scale(.9); }
    75% { transform: translate(40px, 30px) scale(1.05); }
}