:root{--bg:#f7f9ff;--panel:#fff;--line:#dbe5f5;--text:#10284a;--muted:#637899;--primary:#335dff;--purple:#7357ff;--teal:#19c8b3;--shadow:0 18px 48px rgba(51,93,255,.10)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,"Segoe UI",Tahoma,sans-serif;background:linear-gradient(180deg,#fbfcff,#eef4ff);color:var(--text)}a{text-decoration:none;color:inherit}.shell{max-width:1180px;margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0}.brand{font-weight:900;font-size:24px}.brand small{display:block;font-size:12px;color:var(--muted)}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:11px 15px;border:1px solid var(--line);background:#fff;font-weight:800}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--purple));color:#fff;border:0;box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center;padding:34px 0}.hero-card,.card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:22px}.hero h1{font-size:52px;line-height:1.08;margin:10px 0}.accent{background:linear-gradient(135deg,var(--teal),var(--primary),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:18px;line-height:1.8;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.metric{font-size:34px;font-weight:900}.soft{color:var(--muted)}.section{padding:24px 0}.section h2{font-size:34px;margin:0 0 16px}.steps{display:grid;gap:10px}.step{padding:14px;border:1px solid var(--line);border-radius:16px;background:#f8fbff}.tag{display:inline-block;background:#eef4ff;border:1px solid var(--line);padding:6px 10px;border-radius:999px;color:var(--muted);font-weight:700;font-size:12px}input,select,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:14px;font:inherit;margin:6px 0 12px}textarea{min-height:96px}button{cursor:pointer}.status{white-space:pre-wrap;background:#10284a;color:#eaf1ff;border-radius:16px;padding:14px;direction:ltr;text-align:left}.footer{padding:30px 0;color:var(--muted);font-size:14px}@media(max-width:850px){.hero{grid-template-columns:1fr}.hero h1{font-size:38px}.nav{display:none}}