:root{color-scheme:light dark;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-elevated: #ffffff;--bg-dark1: #f3f6fa;--text-primary: #111827;--text-secondary: #475569;--text-tertiary: #7c8794;--accent: #e98a07;--accent-dark: #b85f00;--accent-light: #ffe3a3;--border: #d8e0ea;--border-soft: #e7ecf2;--font: "Sora", system-ui, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1);--shadow-soft: 0 14px 40px color-mix(in srgb, var(--accent) 12%, transparent);--shadow-lift: 0 22px 50px color-mix(in srgb, var(--accent) 18%, transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{margin:0;min-height:100%;font-family:var(--font)}body{background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;transition:background-color .35s var(--ease-soft),color .35s var(--ease-soft)}a{color:inherit;text-decoration:none}button,input{font-family:inherit}.site{position:relative;isolation:isolate;min-height:100vh}.atmosphere{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 70% 50% at 8% -10%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 58%),radial-gradient(ellipse 55% 40% at 92% 12%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 55%),radial-gradient(ellipse 50% 35% at 50% 110%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%),linear-gradient(165deg,var(--bg-primary) 0%,color-mix(in srgb,var(--accent) 4%,var(--bg-primary)) 45%,var(--bg-primary) 100%);animation:atmosphere-drift 24s ease-in-out infinite alternate}@keyframes atmosphere-drift{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.05) translate3d(-1.2%,1%,0)}}.reveal{--stagger: 0;opacity:0;transform:translate3d(0,32px,0);transition:opacity .75s var(--ease-out),transform .75s var(--ease-out);transition-delay:calc(var(--stagger) * 80ms);will-change:opacity,transform}.reveal.reveal-left{transform:translate3d(-40px,18px,0)}.reveal.reveal-right{transform:translate3d(40px,18px,0)}.reveal.reveal-scale{transform:translate3d(0,24px,0) scale(.94)}.reveal.is-visible{opacity:1;transform:translateZ(0) scale(1)}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(18px,4vw,48px);background:color-mix(in srgb,var(--bg-secondary) 78%,transparent);backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 30% 28%,#ffe3a3 0%,var(--accent) 48%,color-mix(in srgb,var(--accent) 55%,#111827) 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 8px 20px color-mix(in srgb,var(--accent) 28%,transparent);animation:mark-glow 4.5s ease-in-out infinite}.brand-mark img{width:28px;height:28px;object-fit:contain;display:block}@keyframes mark-glow{0%,to{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 8px 20px color-mix(in srgb,var(--accent) 28%,transparent)}50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent),0 10px 28px color-mix(in srgb,var(--accent) 40%,transparent)}}.brand-name{font-weight:800;font-size:1.05rem;letter-spacing:-.03em}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{color:var(--text-secondary);font-weight:700;font-size:.9rem;transition:color .2s var(--ease-soft),transform .2s var(--ease-soft)}.nav-links a:hover{color:var(--accent);transform:translateY(-1px)}.nav-actions{display:flex;align-items:center;gap:10px}.theme-toggle{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-primary) 88%,var(--bg-secondary));color:var(--text-primary);display:grid;place-items:center;cursor:pointer;transition:transform .2s var(--ease-soft),border-color .2s var(--ease-soft),color .2s var(--ease-soft),box-shadow .2s var(--ease-soft)}.theme-toggle:hover{transform:translateY(-2px) rotate(-8deg);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 14%,transparent)}.theme-icon{width:18px;height:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 16px;font-weight:700;font-size:.92rem;letter-spacing:-.01em;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-primary) 88%,var(--bg-secondary));color:var(--text-primary);cursor:pointer;transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-soft),border-color .22s var(--ease-soft),background .22s var(--ease-soft),color .22s var(--ease-soft),filter .22s var(--ease-soft)}.btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 16%,transparent)}.btn:active{transform:translateY(0)}.btn-lg{padding:14px 22px;font-size:.98rem}.btn-accent{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#111827));border-color:transparent;color:#111827;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 28%,transparent)}.btn-accent:hover{filter:brightness(1.06);border-color:transparent;color:#111827}.btn-ghost:hover{color:var(--accent)}.hero{min-height:min(100vh,920px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(28px,5vw,64px);padding:clamp(36px,7vh,72px) clamp(18px,4vw,48px) clamp(48px,8vh,88px);max-width:1240px;margin:0 auto}.hero-copy{max-width:560px}.brand-kicker{margin:0 0 14px;font-weight:800;font-size:clamp(1.6rem,3.4vw,2.35rem);letter-spacing:-.045em;background:linear-gradient(120deg,var(--text-primary) 28%,color-mix(in srgb,var(--accent) 80%,var(--text-primary)));-webkit-background-clip:text;background-clip:text;color:transparent}.hero h1{margin:0;font-weight:800;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.045em;color:var(--text-primary)}.hero-lead{margin:18px 0 0;max-width:42ch;color:var(--text-secondary);font-weight:700;font-size:1.05rem;line-height:1.55}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-visual{position:relative;display:grid;place-items:center;min-height:560px;perspective:1400px}.phone-glow{position:absolute;width:min(96%,580px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 34%,transparent),transparent 68%);filter:blur(8px);animation:pulse-glow 5s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(.96);opacity:.75}50%{transform:scale(1.06);opacity:1}}.hero-phone{position:relative;z-index:1;width:min(100%,620px);height:auto;display:block;background:transparent;border:0;border-radius:0;box-shadow:none;transform:translateY(0);transform-style:preserve-3d;transition:transform .45s var(--ease-out)}.hero-phone-spin{animation:hero-spin-in 1.35s var(--ease-out) both;animation-delay:.15s}@keyframes hero-spin-in{0%{opacity:0;transform:rotateY(-1turn) scale(.82)}70%{opacity:1}to{opacity:1;transform:rotateY(0) scale(1)}}.hero-visual:hover .hero-phone{transform:translateY(-12px)}.section{padding:88px clamp(18px,4vw,48px);max-width:1240px;margin:0 auto}.section-head{max-width:640px;margin-bottom:34px}.section-head h2,.security-panel h2,.download-panel h2{margin:0;font-weight:800;font-size:clamp(1.7rem,3.2vw,2.4rem);letter-spacing:-.04em;line-height:1.12}.section-head p,.security-panel>div>p,.download-panel p{margin:12px 0 0;color:var(--text-secondary);font-weight:700;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-card,.step-card{position:relative;overflow:hidden;border-radius:18px;padding:22px;background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);border:1px solid color-mix(in srgb,var(--border) 85%,transparent);box-shadow:var(--shadow-soft);transition:transform .28s var(--ease-out),border-color .28s var(--ease-soft),box-shadow .28s var(--ease-soft)}.feature-card:before,.step-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .28s var(--ease-soft)}.feature-card:hover,.step-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:var(--shadow-lift)}.feature-card:hover:before,.step-card:hover:before{opacity:1}.feature-card h3,.step-card h3{margin:0;font-weight:800;font-size:1.12rem;letter-spacing:-.03em}.feature-card p,.step-card p{margin:10px 0 0;color:var(--text-secondary);font-weight:700;line-height:1.55;font-size:.95rem}.networks-section{padding-top:24px}.network-row{display:flex;flex-wrap:wrap;gap:10px}.network-chip{border-radius:999px;padding:10px 14px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-secondary) 90%,transparent);font-weight:700;font-size:.88rem;color:var(--text-secondary);transition:transform .22s var(--ease-out),border-color .22s var(--ease-soft),color .22s var(--ease-soft),box-shadow .22s var(--ease-soft)}.network-chip:hover{transform:translateY(-3px);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 12%,transparent)}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.step-index{display:inline-block;margin-bottom:14px;color:var(--accent);font-weight:800;letter-spacing:.04em;font-size:.85rem}.security-section,.download-section{padding-top:40px}.security-panel,.download-panel{border-radius:24px;padding:clamp(24px,4vw,40px);background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 42%),color-mix(in srgb,var(--bg-secondary) 94%,transparent);border:1px solid color-mix(in srgb,var(--border) 85%,transparent);box-shadow:var(--shadow-soft);display:grid;grid-template-columns:1.2fr .8fr;gap:28px;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-soft)}.security-panel:hover,.download-panel:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}.security-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}.security-list li{position:relative;padding-left:18px;color:var(--text-secondary);font-weight:700;line-height:1.45}.security-list li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.download-panel{grid-template-columns:1fr;text-align:left}.download-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:28px clamp(18px,4vw,48px) 40px;border-top:1px solid color-mix(in srgb,var(--border) 75%,transparent);color:var(--text-tertiary);font-weight:700;font-size:.9rem}.copyright{margin:0}.footer-links{display:inline-flex;align-items:center;gap:10px}.footer-links a,.site-footer a{transition:color .2s var(--ease-soft)}.footer-links a:hover,.site-footer a:hover{color:var(--accent)}.socials{display:inline-flex;align-items:center;gap:10px}.social-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-secondary) 90%,transparent);color:var(--text-secondary);display:grid;place-items:center;transition:transform .22s var(--ease-out),color .22s var(--ease-soft),border-color .22s var(--ease-soft),box-shadow .22s var(--ease-soft)}.social-btn svg{width:16px;height:16px}.social-btn:hover{transform:translateY(-3px);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 14%,transparent)}.modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;cursor:pointer;background:#0000009e;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);animation:fade-in .22s var(--ease-soft)}.modal-card{position:relative;z-index:1;width:min(100%,420px);border-radius:20px;padding:22px;background:color-mix(in srgb,var(--bg-secondary) 94%,transparent);border:1px solid color-mix(in srgb,var(--border) 85%,transparent);box-shadow:0 28px 70px #00000059;animation:modal-rise .28s var(--ease-out)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header h2{margin:0;font-weight:800;font-size:1.25rem;letter-spacing:-.03em}.modal-close{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;transition:transform .2s var(--ease-soft),color .2s var(--ease-soft),border-color .2s var(--ease-soft)}.modal-close svg{width:16px;height:16px}.modal-close:hover{transform:translateY(-1px);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.modal-lead{margin:10px 0 18px;color:var(--text-secondary);font-weight:700;line-height:1.5}.support-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-primary) 80%,var(--bg-secondary))}.support-label{display:block;color:var(--text-tertiary);font-weight:700;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.support-value{margin:4px 0 0;font-weight:700;color:var(--text-primary);word-break:break-all}.icon-action{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);color:var(--text-secondary);border-radius:10px;padding:9px 11px;font-weight:700;font-size:.82rem;cursor:pointer;transition:transform .2s var(--ease-soft),color .2s var(--ease-soft),border-color .2s var(--ease-soft),box-shadow .2s var(--ease-soft)}.icon-action svg{width:15px;height:15px}.icon-action:hover{transform:translateY(-1px);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 12%,transparent)}.support-telegram{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:13px 16px;font-weight:700;color:#111827;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#111827));box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 28%,transparent);transition:transform .22s var(--ease-out),filter .22s var(--ease-soft)}.support-telegram svg{width:16px;height:16px}.support-telegram:hover{transform:translateY(-2px);filter:brightness(1.05)}.coming-soon-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.coming-soon-list li{position:relative;padding:12px 14px 12px 32px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-primary) 80%,var(--bg-secondary));color:var(--text-secondary);font-weight:700;line-height:1.45}.coming-soon-list li:before{content:"";position:absolute;left:14px;top:1.05em;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.coming-soon-note{margin:14px 0 0;color:var(--text-tertiary);font-weight:700;font-size:.9rem;line-height:1.5}.coming-soon-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.download-qr-frame{display:grid;place-items:center;margin:4px 0 16px;padding:16px;border-radius:18px;border:1px solid var(--border);background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 45%),color-mix(in srgb,var(--bg-primary) 78%,var(--bg-secondary))}.download-qr-image{width:min(240px,70vw);height:auto;border-radius:12px;background:#fff}.download-direct-link{width:100%;text-align:center}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:980px){.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:28px}.hero-visual{min-height:420px;order:-1}.feature-grid,.steps-grid,.security-panel{grid-template-columns:1fr}}@media(max-width:640px){.hero-phone{width:min(100%,480px)}.site-footer{justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){.atmosphere,.brand-mark,.reveal,.phone-glow,.btn,.feature-card,.step-card,.network-chip,.social-btn,.theme-toggle,.hero-phone,.hero-phone-spin,.modal-backdrop,.modal-card{animation:none!important;transition:none!important}.reveal,.reveal.is-visible{opacity:1;transform:none}}
