:root {
  --bg: hsl(265 38% 7%); --surface: hsl(268 30% 11%); --surface2: hsl(268 24% 15%);
  --border: hsl(270 30% 26% / .55); --text: hsl(300 25% 97%); --muted: hsl(268 16% 64%);
  --accent: hsl(272 95% 68%); --accent2: hsl(322 90% 66%);
  --lilac: hsl(285 100% 80%); --pink: hsl(322 92% 72%);
  --glow: hsl(272 95% 68% / .35);
  --green: #2dd4a7; --red: hsl(0 75% 62%);
  --font-display: 'Instrument Serif', Georgia, serif;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--text); min-height: 100vh; overflow-x: hidden; background-image: radial-gradient(circle at 50% -8%, hsl(272 95% 68% / .16), transparent 55%), linear-gradient(180deg, hsl(265 40% 8%), hsl(265 38% 6%)); background-attachment: fixed; -webkit-font-smoothing: antialiased; }
#cur, #cur2 { display:none; }
@media (pointer: fine) {
  body { cursor: none; }
  #cur  { display:block;position:fixed;width:8px;height:8px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:9999;top:0;left:0;will-change:transform; }
  #cur2 { display:block;position:fixed;width:36px;height:36px;border:1.5px solid rgba(168,85,247,.4);border-radius:50%;pointer-events:none;z-index:9998;top:0;left:0;will-change:transform; }
}
body::before { content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9997;opacity:.4; }
.ambient { position:fixed;pointer-events:none;border-radius:50%;filter:blur(120px);z-index:0; }
.amb1 { width:600px;height:600px;background:hsl(272 95% 68% / .14);top:-200px;left:-100px; }
.amb2 { width:500px;height:500px;background:hsl(322 90% 66% / .11);bottom:-100px;right:-100px; }

/* NAV */
nav { position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 48px;display:flex;justify-content:space-between;align-items:center;background:rgba(8,8,16,.7);backdrop-filter:blur(24px);border-bottom:1px solid var(--border); }
@media(max-width:768px){ nav{padding:16px 20px;} }
.nav-logo { font-size:18px;font-weight:800;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text); }
.logo-mark { width:32px;height:32px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;box-shadow:0 0 20px var(--glow); }
.nav-links { display:flex;gap:8px; }
@media(max-width:768px){ .nav-links{display:none;} }
.nav-link { padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;color:var(--muted);transition:all .2s;border:1px solid transparent;font-family:'Inter',sans-serif; }
.nav-link:hover { color:var(--text);background:var(--surface);border-color:var(--border); }
.nav-auth-btn { display:flex;align-items:center;gap:8px;padding:9px 20px;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:10px;font-size:13px;font-weight:700;color:#fff;text-decoration:none;border:none;cursor:pointer;box-shadow:0 4px 20px var(--glow);transition:all .3s; }
.nav-auth-btn:hover { transform:translateY(-2px); }

/* HERO */
.hero { min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 48px 80px;position:relative;z-index:1;text-align:center; }
@media(max-width:768px){ .hero{padding:100px 20px 60px;} }
.hero-inner { max-width:760px; }
.hero-badge { display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.2);font-family:'Inter',sans-serif;font-size:11px;color:var(--accent);letter-spacing:1px;margin-bottom:32px; }
.badge-dot { width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)} }
.hero-title { font-size:clamp(52px,8vw,96px);font-weight:800;line-height:.95;letter-spacing:-3px;margin-bottom:24px; }
.hero-title .line1 { display:block;color:var(--text); }
.hero-title .line2 { display:block;font-family:var(--font-display);font-style:italic;font-weight:400;letter-spacing:-1px;background:linear-gradient(90deg,var(--pink),var(--accent) 48%,var(--lilac));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradshift 4s linear infinite; }
@keyframes gradshift { to{background-position:200% center} }
.hero-sub { font-size:16px;color:var(--muted);line-height:1.7;max-width:480px;margin:0 auto 48px;font-family:'Inter',sans-serif;font-weight:300; }
.hero-btns { display:flex;gap:12px;justify-content:center;flex-wrap:wrap; }
.btn-primary { display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:12px;font-size:15px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;text-decoration:none;border:none;box-shadow:0 8px 32px var(--glow);transition:all .3s;cursor:pointer; }
.btn-primary:hover { transform:translateY(-3px);box-shadow:0 16px 48px var(--glow); }
.btn-secondary { display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:12px;font-size:15px;font-weight:700;background:var(--surface);color:var(--text);text-decoration:none;border:1px solid var(--border);transition:all .3s; }
.btn-secondary:hover { background:var(--surface2);transform:translateY(-3px); }
.stats-row { display:flex;justify-content:center;margin-top:72px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface);max-width:600px;margin-inline:auto; }
@media(max-width:768px){ .stats-row{flex-direction:column;} .stat{border-right:none!important;border-bottom:1px solid var(--border);} .stat:last-child{border-bottom:none;} }
.stat { flex:1;padding:24px 20px;text-align:center;border-right:1px solid var(--border); }
.stat:last-child { border-right:none; }
.stat-num { font-size:28px;font-weight:800;letter-spacing:-1px;margin-bottom:4px; }
.stat-label { font-size:11px;color:var(--muted);font-family:'Inter',sans-serif;letter-spacing:1px; }

/* SECTIONS */
section { padding:100px 48px;position:relative;z-index:1;max-width:1200px;margin:0 auto; }
@media(max-width:768px){ section{padding:60px 20px;} }
.section-label { font-family:'Inter',sans-serif;font-size:11px;color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:16px; }
.section-title { font-size:40px;font-weight:800;letter-spacing:-1.5px;margin-bottom:16px; }
.section-sub { font-size:15px;color:var(--muted);max-width:480px;line-height:1.7;font-family:'Inter',sans-serif;font-weight:300; }

/* FEATURES */
.features-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:20px;overflow:hidden;margin-top:56px; }
.feature-card { background:var(--surface);padding:36px 32px;transition:background .3s; }
.feature-card:hover { background:var(--surface2); }
.feat-icon { width:44px;height:44px;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;font-size:20px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.15); }
.feat-title { font-size:17px;font-weight:700;margin-bottom:8px; }
.feat-desc { font-size:13px;color:var(--muted);line-height:1.6;font-family:'Inter',sans-serif;font-weight:300; }

/* PRICING */
.pricing-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:56px; }
.price-card { background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:36px 28px;position:relative;transition:transform .3s; }
.price-card:hover { transform:translateY(-6px); }
.price-card.featured { border-color:rgba(168,85,247,.4);background:linear-gradient(145deg,rgba(168,85,247,.08),rgba(236,72,153,.05)); }
.price-card.featured::before { content:'ПОПУЛЯРНЫЙ';position:absolute;top:16px;right:16px;font-size:9px;font-weight:700;letter-spacing:2px;padding:4px 10px;border-radius:100px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-family:'Inter',sans-serif; }
.price-duration { font-size:12px;color:var(--muted);font-family:'Inter',sans-serif;letter-spacing:1px;margin-bottom:12px; }
.price-amount { font-size:48px;font-weight:800;letter-spacing:-2px;margin-bottom:4px; }
.price-amount span { font-size:20px;font-weight:400;color:var(--muted); }
.price-per { font-size:12px;color:var(--muted);margin-bottom:28px;font-family:'Inter',sans-serif; }
.price-features { list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:32px; }
.price-features li { display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted); }
.price-features li::before { content:'✓';color:var(--green);font-weight:700; }
.btn-price { width:100%;padding:12px;border-radius:10px;font-size:14px;font-weight:700;text-align:center;text-decoration:none;transition:all .3s;display:block;border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer; }
.btn-price:hover { background:var(--accent);border-color:var(--accent); }
.price-card.featured .btn-price { background:linear-gradient(135deg,var(--accent),var(--accent2));border:none; }

/* MODAL base */
.modal-overlay { position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;padding:20px; }
.modal-overlay.open { opacity:1;pointer-events:all; }
.modal { background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:40px 36px;width:100%;max-width:420px;text-align:center;transform:translateY(20px) scale(.97);transition:transform .3s;position:relative;max-height:90vh;overflow-y:auto; }
.modal-overlay.open .modal { transform:translateY(0) scale(1); }
.modal-close { position:absolute;top:16px;right:16px;width:32px;height:32px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center; }
.modal-close:hover { color:var(--text); }
.modal-icon { width:56px;height:56px;border-radius:18px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:24px; }
.modal-title { font-size:22px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px; }
.modal-sub { font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:24px;font-family:'Inter',sans-serif;font-weight:300; }

/* AUTH FORM */
.auth-tabs { display:flex;background:var(--surface2);border-radius:10px;padding:4px;margin-bottom:24px;gap:4px; }
.auth-tab { flex:1;padding:8px;border-radius:7px;font-size:13px;font-weight:600;border:none;background:none;color:var(--muted);cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif; }
.auth-tab.active { background:var(--accent);color:#fff; }
.code-inputs { display:flex;gap:8px;justify-content:center;margin:20px 0; }
.code-input { width:44px;height:52px;text-align:center;font-size:22px;font-weight:700;background:var(--surface2);border:1px solid var(--border);border-radius:10px;color:var(--text);outline:none;font-family:'Inter',sans-serif;transition:border-color .2s; }
.code-input:focus { border-color:var(--accent); }
.resend-link { font-size:12px;color:var(--accent);cursor:pointer;font-family:'Inter',sans-serif;margin-top:8px;display:inline-block; }
.resend-link:hover { text-decoration:underline; }
.form-group { text-align:left;margin-bottom:14px; }
.form-label { font-size:11px;font-family:'Inter',sans-serif;color:var(--muted);letter-spacing:1px;margin-bottom:6px;display:block; }
.form-input { width:100%;padding:11px 14px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;font-family:'Inter',sans-serif;outline:none;transition:border-color .2s; }
.form-input:focus { border-color:var(--accent); }
.form-input::placeholder { color:var(--muted); }
.form-error { font-size:12px;color:var(--red);margin-top:6px;font-family:'Inter',sans-serif;display:none; }
.form-error.show { display:block; }
.btn-form { width:100%;padding:13px;border-radius:10px;font-size:14px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;cursor:pointer;transition:all .3s;margin-top:4px;font-family:'Inter',sans-serif; }
.btn-form:hover { transform:translateY(-1px); }
.btn-form:disabled { opacity:.5;cursor:not-allowed;transform:none; }
.auth-divider { display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--muted);font-size:12px;font-family:'Inter',sans-serif; }
.auth-divider::before,.auth-divider::after { content:'';flex:1;height:1px;background:var(--border); }
.btn-tg-auth { width:100%;padding:12px;border-radius:10px;font-size:14px;font-weight:700;background:linear-gradient(135deg,#2AABEE,#229ED9);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s;font-family:'Inter',sans-serif; }
.btn-tg-auth:hover { transform:translateY(-1px); }
.spinner { width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block; }
@keyframes spin { to{transform:rotate(360deg)} }

/* CABINET */
.cab-section { text-align:left; }
.cab-row { display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border); }
.cab-label { color:var(--muted);font-size:13px; }
.cab-value { font-weight:700;font-size:14px; }
.cab-sub-block { margin-top:20px;padding:14px;background:var(--surface2);border-radius:10px;border:1px solid var(--border); }
.cab-sub-url { font-family:'Inter',sans-serif;font-size:11px;color:var(--accent);word-break:break-all;cursor:pointer;padding:8px;background:var(--surface);border-radius:6px;margin-top:8px; }
.progress-bar { width:100%;height:6px;background:var(--surface2);border-radius:3px;margin-top:8px;overflow:hidden; }
.progress-fill { height:100%;background:linear-gradient(90deg,var(--green),var(--accent));border-radius:3px;transition:width .5s; }
.cab-actions { display:flex;flex-direction:column;gap:8px;margin-top:16px; }
.cab-btn { width:100%;padding:11px;border-radius:10px;font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif;display:flex;align-items:center;justify-content:center;gap:8px; }
.cab-btn:hover { background:var(--surface);border-color:rgba(255,255,255,.12); }
.cab-btn.danger { color:var(--red);border-color:rgba(244,63,94,.2); }
.cab-btn.danger:hover { background:rgba(244,63,94,.08); }
.cab-btn.accent { background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;color:#fff; }
.cab-btn.accent:hover { transform:translateY(-1px); }

/* TG BIND */
.tg-bind-status { display:flex;align-items:center;gap:8px;font-size:13px;padding:10px 14px;border-radius:8px;margin-bottom:12px; }
.tg-bind-status.linked { background:rgba(34,211,165,.08);color:var(--green);border:1px solid rgba(34,211,165,.2); }
.tg-bind-status.unlinked { background:rgba(244,63,94,.08);color:var(--red);border:1px solid rgba(244,63,94,.2); }
.bind-wait { display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);font-family:'Inter',sans-serif;margin-top:12px; }

/* ADMIN PANEL */
.admin-overlay { position:fixed;inset:0;background:rgba(0,0,0,.9);backdrop-filter:blur(12px);z-index:3000;display:none;flex-direction:column;overflow:hidden; }
.admin-overlay.open { display:flex; }
.admin-header { display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--surface); }
.admin-title { font-size:16px;font-weight:800;display:flex;align-items:center;gap:10px; }
.admin-badge { font-size:10px;padding:3px 8px;border-radius:6px;background:rgba(244,63,94,.15);color:var(--red);font-family:'Inter',sans-serif;letter-spacing:1px; }
.admin-body { flex:1;overflow-y:auto;padding:24px; }
.admin-stats { display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px; }
.admin-stat { background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center; }
.admin-stat-num { font-size:28px;font-weight:800;margin-bottom:4px; }
.admin-stat-label { font-size:11px;color:var(--muted);font-family:'Inter',sans-serif; }
.admin-section-title { font-size:14px;font-weight:700;margin-bottom:12px;margin-top:4px;display:flex;align-items:center;gap:8px; }
.admin-table { width:100%;border-collapse:collapse;font-size:13px; }
.admin-table th { text-align:left;padding:8px 12px;font-size:11px;color:var(--muted);font-family:'Inter',sans-serif;letter-spacing:1px;border-bottom:1px solid var(--border); }
.admin-table td { padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.03); }
.admin-table tr:hover td { background:var(--surface); }
.tag { display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-family:'Inter',sans-serif; }
.tag.green { background:rgba(34,211,165,.12);color:var(--green); }
.tag.red { background:rgba(244,63,94,.12);color:var(--red); }
.tag.blue { background:rgba(168,85,247,.12);color:var(--accent); }
.admin-input-row { display:flex;gap:8px;margin-bottom:12px; }
.admin-input { flex:1;padding:9px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;outline:none;font-family:'Inter',sans-serif; }
.admin-input:focus { border-color:var(--accent); }
.admin-btn { padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif; }
.admin-btn.primary { background:var(--accent);color:#fff; }
.admin-btn.danger { background:rgba(244,63,94,.2);color:var(--red);border:1px solid rgba(244,63,94,.3); }
.admin-btn.primary:hover { background:#3d5ce6; }
.admin-close { background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:8px 16px;color:var(--muted);font-size:13px;cursor:pointer;font-family:'Inter',sans-serif; }
.admin-tabs { display:flex;gap:4px;margin-bottom:20px;background:var(--surface);border-radius:10px;padding:4px; }
.admin-tab { flex:1;padding:8px;border-radius:7px;font-size:12px;font-weight:600;border:none;background:none;color:var(--muted);cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif; }
.admin-tab.active { background:var(--accent);color:#fff; }
.admin-panel-section { display:none; }
.admin-panel-section.active { display:block; }
.admin-action-row { display:grid;grid-template-columns:1fr 80px auto;gap:8px;margin-bottom:10px;align-items:center; }
.admin-action-label { font-size:12px;color:var(--muted);font-family:'Inter',sans-serif; }

/* FOOTER */
footer { border-top:1px solid var(--border);padding:40px 48px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;flex-wrap:wrap;gap:16px; }
@media(max-width:768px){ footer{padding:32px 20px;flex-direction:column;text-align:center;} }
.footer-logo { font-size:15px;font-weight:800; }
.footer-copy { font-size:12px;color:var(--muted);font-family:'Inter',sans-serif; }
.footer-links { display:flex;gap:24px; }
.footer-links a { font-size:12px;color:var(--muted);text-decoration:none;font-family:'Inter',sans-serif;transition:color .2s; }
.footer-links a:hover { color:var(--text); }

.reveal { opacity:0;transform:translateY(32px);transition:opacity .7s,transform .7s; }
.reveal.visible { opacity:1;transform:translateY(0); }
::-webkit-scrollbar { width:4px; }
::-webkit-scrollbar-track { background:var(--bg); }
::-webkit-scrollbar-thumb { background:var(--accent);border-radius:2px; }
.toast { position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--surface2);border:1px solid var(--green);border-radius:12px;padding:12px 24px;font-family:'Inter',sans-serif;font-size:13px;color:var(--green);z-index:9990;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap; }
.hidden { display:none!important; }

/* ── DuskNetwork-style overrides ── */
.btn-primary,.btn-secondary,.nav-auth-btn,.btn-form,.btn-tg-auth,.btn-price,.cab-btn { border-radius:999px; }
.btn-primary,.nav-auth-btn,.cab-btn.accent,.btn-price,.btn-form { box-shadow:0 10px 28px -10px var(--glow), inset 0 1px 0 0 rgba(255,255,255,.22); }
.btn-primary:hover,.nav-auth-btn:hover,.cab-btn.accent:hover,.btn-form:hover { box-shadow:0 16px 40px -10px hsl(272 95% 68% / .6), inset 0 1px 0 0 rgba(255,255,255,.3); }
.hero-badge { background:hsl(272 95% 68% / .1); border-color:hsl(272 95% 68% / .28); }
nav { background:hsl(265 38% 7% / .72); }
.feature-card,.price-card,.modal,.admin-stat,.stats-row { box-shadow:inset 0 1px 0 0 rgba(255,255,255,.04); }
.price-card.featured { box-shadow:0 0 50px -16px hsl(272 95% 68% / .5), inset 0 1px 0 0 rgba(255,255,255,.06); }
.section-title,.modal-title,.price-amount { letter-spacing:-.5px; }
.modal-icon { box-shadow:0 0 32px -6px hsl(272 95% 68% / .5); }
::selection { background:hsl(272 95% 68% / .4); color:#fff; }

/* ═══════════ Слой движения и деталей ═══════════ */

/* Индикатор прогресса скролла */
#scrollbar { position:fixed;top:0;left:0;height:2px;width:0;z-index:1100;background:linear-gradient(90deg,var(--accent),var(--pink));box-shadow:0 0 12px var(--glow); }

/* Аврора за героем — три медленно дрейфующих пятна */
.hero-aurora { position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0; }
.hero-aurora span { position:absolute;border-radius:50%;filter:blur(72px);opacity:.5;mix-blend-mode:screen;will-change:transform; }
.hero-aurora .a1 { width:46vw;height:46vw;left:-8vw;top:-12vw;background:radial-gradient(circle,hsl(272 95% 68% / .85),transparent 60%);animation:drift1 22s ease-in-out infinite; }
.hero-aurora .a2 { width:40vw;height:40vw;right:-6vw;top:4vw;background:radial-gradient(circle,hsl(322 92% 66% / .75),transparent 60%);animation:drift2 27s ease-in-out infinite; }
.hero-aurora .a3 { width:34vw;height:34vw;left:32vw;bottom:-18vw;background:radial-gradient(circle,hsl(285 100% 78% / .6),transparent 60%);animation:drift3 31s ease-in-out infinite; }
@keyframes drift1 { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(6vw,4vw) scale(1.12)} }
@keyframes drift2 { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(-5vw,6vw) scale(1.08)} }
@keyframes drift3 { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(3vw,-5vw) scale(1.15)} }

/* Тонкая сетка поверх героя, гаснет к краям */
.hero::after { content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(hsl(272 95% 68% / .05) 1px,transparent 1px),linear-gradient(90deg,hsl(272 95% 68% / .05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at 50% 28%,#000,transparent 68%);mask-image:radial-gradient(circle at 50% 28%,#000,transparent 68%); }
.hero-inner { position:relative;z-index:1; }

/* Оркестрованный вход героя (CSS, стартует сразу с загрузкой) */
.hero-inner > * { animation:heroRise .8s cubic-bezier(.2,.7,.2,1) both; }
.hero-badge{ animation-delay:.05s } .hero-title{ animation-delay:.15s }
.hero-sub{ animation-delay:.28s } .hero-btns{ animation-delay:.4s }
.stats-row{ animation-delay:.52s } .hero-status{ animation-delay:.62s }
@keyframes heroRise { from{opacity:0;transform:translateY(26px);filter:blur(8px)} to{opacity:1;transform:none;filter:none} }

/* Живой статус узлов под статистикой */
.hero-status { display:flex;gap:14px;justify-content:center;margin-top:26px;flex-wrap:wrap;font-family:'Inter',sans-serif;font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.3px; }
.hero-status .node { display:flex;align-items:center;gap:8px;padding:7px 15px;border:1px solid var(--border);border-radius:100px;background:hsl(268 30% 11% / .5);backdrop-filter:blur(8px); }
.hero-status .node b { color:var(--text);font-weight:700; }
.node-dot { width:7px;height:7px;border-radius:50%;background:var(--green);animation:ping 2.4s ease-out infinite; }
@keyframes ping { 0%{box-shadow:0 0 0 0 hsl(160 70% 50% / .55)} 70%,100%{box-shadow:0 0 0 9px transparent} }

/* Nav уплотняется при скролле */
nav { transition:padding .3s, background .3s, box-shadow .3s; }
nav.scrolled { padding-top:12px;padding-bottom:12px;background:hsl(265 38% 7% / .9);box-shadow:0 10px 34px -14px #000; }

/* Кнопки: блик-свип + отклик на нажатие */
.btn-primary,.btn-price,.nav-auth-btn,.btn-form { position:relative;overflow:hidden; }
.btn-primary::after,.btn-price::after,.nav-auth-btn::after { content:'';position:absolute;top:0;left:-130%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-18deg);transition:left .6s ease; }
.btn-primary:hover::after,.btn-price:hover::after,.nav-auth-btn:hover::after { left:150%; }
.btn-primary:hover,.nav-auth-btn:hover { transform:translateY(-2px);box-shadow:0 14px 44px var(--glow); }
.btn-primary:active,.btn-price:active,.nav-auth-btn:active,.btn-form:active { transform:translateY(0) scale(.98); }

/* Карточки фич: спотлайт за курсором + подъём иконки */
.feature-card { position:relative;overflow:hidden;--mx:50%;--my:50%;transition:background .3s,transform .3s; }
.feature-card::before { content:'';position:absolute;inset:0;opacity:0;transition:opacity .35s;background:radial-gradient(340px circle at var(--mx) var(--my),hsl(272 95% 68% / .16),transparent 60%);pointer-events:none; }
.feature-card:hover::before { opacity:1; }
.feature-card:hover { transform:translateY(-4px); }
.feature-card .feat-icon { transition:transform .35s cubic-bezier(.2,.7,.2,1); }
.feature-card:hover .feat-icon { transform:translateY(-3px) rotate(-6deg) scale(1.08); }

/* Стаггер-появление карточек внутри секций */
.features-grid .feature-card,.pricing-grid .price-card { opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s; }
.features-grid.visible .feature-card,.pricing-grid.visible .price-card { opacity:1;transform:none; }
.features-grid.visible .feature-card:nth-child(2){ transition-delay:.07s } .features-grid.visible .feature-card:nth-child(3){ transition-delay:.14s }
.features-grid.visible .feature-card:nth-child(4){ transition-delay:.21s } .features-grid.visible .feature-card:nth-child(5){ transition-delay:.28s } .features-grid.visible .feature-card:nth-child(6){ transition-delay:.35s }
.pricing-grid.visible .price-card:nth-child(2){ transition-delay:.1s } .pricing-grid.visible .price-card:nth-child(3){ transition-delay:.2s }
.price-card:hover .price-amount { text-shadow:0 0 24px var(--glow); }
.price-amount { transition:text-shadow .3s; }

/* Уважение к настройке «меньше движения» */
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
  .hero-inner > * { animation:none; }
  .hero-aurora,.hero::after { display:none; }
  .features-grid .feature-card,.pricing-grid .price-card { opacity:1;transform:none; }
}
.nav-right { display:flex; align-items:center; gap:14px; }
.lang-switch { display:flex; gap:2px; padding:3px; background:rgba(255,255,255,.05); border:1px solid var(--border); border-radius:9px; }
.lang-btn { padding:5px 10px; font-size:12px; font-weight:700; color:#8b8ba0; background:transparent; border:none; border-radius:6px; cursor:pointer; transition:all .2s; letter-spacing:.5px; }
.lang-btn:hover { color:#fff; }
.lang-btn.active { background:linear-gradient(135deg,var(--accent),var(--accent2)); color:#fff; }
@media(max-width:768px){ .nav-right{gap:8px;} .lang-btn{padding:4px 8px;} }
