:root{--primary:#7657ff;--accent:#2dd4bf;--bg:#111827;--card:rgba(255,255,255,.055);--text:#f5f7fb;--muted:#aeb7c8;--line:rgba(128,140,170,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% -10%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 38%),var(--bg);color:var(--text);font:16px/1.68 Arial,sans-serif}
a{color:inherit}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:21px 0;gap:16px}.logo{font-weight:950;letter-spacing:.8px;text-decoration:none;font-size:24px}.logo i{font-style:normal;color:var(--primary)}nav{display:flex;gap:18px}nav a{text-decoration:none;color:var(--muted)}
.btn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:12px;padding:14px 21px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:850;text-decoration:none;box-shadow:0 12px 36px color-mix(in srgb,var(--primary) 28%,transparent)}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center;padding:64px 0 56px}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.03;margin:10px 0 20px}.hero p{font-size:19px;color:var(--muted);max-width:700px}.hero img{width:100%;border-radius:24px;border:1px solid var(--line);box-shadow:0 25px 70px rgba(0,0,0,.25)}.kicker{color:var(--primary);font-weight:900;text-transform:uppercase;letter-spacing:1.5px;font-size:13px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 auto 55px}.stat,.card,.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}.stat b{display:block;font-size:25px;color:var(--primary)}.stat span,.card p,.panel p{color:var(--muted)}
.section{padding:32px 0}.section h2{font-size:clamp(28px,4vw,43px);line-height:1.15;margin:0 0 14px}.section-lead{color:var(--muted);max-width:800px;font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.card h3{margin:0 0 8px}.card a{color:var(--primary);font-weight:800;text-decoration:none}
.feature-note{display:block;margin-top:10px;color:var(--muted);font-size:14px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.feature-grid .panel h3{margin-top:0;color:var(--primary)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.split img{width:100%;border-radius:22px}table{width:100%;border-collapse:collapse;margin:24px 0;background:var(--card);border-radius:16px;overflow:hidden}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--primary)}.notice{border-left:4px solid var(--primary);background:var(--card);padding:17px 19px;border-radius:10px;color:var(--muted)}
.breadcrumbs{font-size:14px;color:var(--muted);padding-top:18px}.article{max-width:900px;margin:auto;padding:40px 0}.article h1{font-size:clamp(35px,5vw,58px);line-height:1.08}.article h2{margin-top:34px}.steps{display:grid;gap:12px;list-style:none;padding:0}.steps li{padding:16px 18px;border:1px solid var(--line);background:var(--card);border-radius:12px}.pager{display:flex;justify-content:space-between;gap:12px;margin:36px 0}.pager a{border:1px solid var(--line);padding:11px 15px;border-radius:10px;text-decoration:none}
footer{margin-top:50px;border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:14px}@media(max-width:800px){nav{display:none}.hero,.split{grid-template-columns:1fr}.hero img{order:-1}.stats{grid-template-columns:1fr 1fr}.cards,.feature-grid{grid-template-columns:1fr}}