*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font:16px system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#18273e;background:radial-gradient(ellipse at 10% 0,#e9ecff,transparent 45%),radial-gradient(ellipse at 95% 30%,#e5f9fa,transparent 45%),#f8fafc}a{color:#315ddd;text-decoration:none}header{position:sticky;top:0;z-index:5;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #e7ecf3}header nav{max-width:1120px;padding:18px 24px;margin:auto;display:flex;gap:22px;align-items:center;flex-wrap:wrap}.brand{margin-right:auto;font-size:23px;font-weight:850;color:#18273e}.brand b{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:12px;background:linear-gradient(135deg,#eab63d,#ffd974);margin-right:8px;color:#674700}main{max-width:920px;margin:auto;padding:46px 24px}.hero{text-align:center;margin:0 0 35px}.eyebrow{letter-spacing:3px;font-size:13px;font-weight:750;color:#596cde}h1{font-size:clamp(29px,4vw,40px);line-height:1.4;margin:14px 0}p{line-height:1.85;color:#63718a}.hero p{max-width:690px;margin:0 auto}.panel,article{background:#ffffffdb;border:1px solid #e1e7f2;border-radius:20px;box-shadow:0 8px 30px #26316e05;padding:28px;margin:24px 0}.prepare{display:flex;gap:25px;align-items:center}.prepare div{flex:1}h2{font-size:23px;margin:0 0 12px}.button{display:inline-block;color:#fff;background:linear-gradient(110deg,#4769ee,#8160df);border-radius:11px;padding:12px 20px;font-weight:650;white-space:nowrap}.secondary{background:#edf2ff;color:#3c5ab5;border:1px solid #dce3fc}.steps-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0}.steps-nav a{padding:12px;background:white;border:1px solid #e4e9f2;border-radius:12px;font-size:14px;color:#4b5870}.steps-nav b,.number{display:inline-grid;place-items:center;background:#edf0ff;color:#5162d7;border-radius:9px;width:28px;height:28px;margin-right:7px}.step-heading{display:flex;align-items:center;gap:14px}.number{width:44px;height:44px;font-size:20px;font-weight:800;flex-shrink:0}.step-heading small{color:#8a96a8;font-size:12px}.step-heading h2{margin:3px 0 0}.links{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.preview{margin-top:24px;border:1px solid #dae3f1;border-radius:14px;overflow:hidden;background:#f5f8fd}.browser-bar{display:flex;gap:6px;align-items:center;padding:11px 15px;background:#e9eef7;font-size:12px;color:#708099}.dot{width:7px;height:7px;border-radius:50%;background:#b4c0d3}.mock{padding:26px;max-width:600px;margin:auto}.mock h3{margin:0 0 16px;font-size:20px}.field{padding:13px;border:1px solid #dde4ef;background:white;border-radius:8px;margin:9px 0;color:#71819b;font-size:14px}.mock-button{padding:11px 17px;border-radius:8px;background:#506ee3;color:white;display:inline-block;font-size:14px}.caption{padding:12px;text-align:center;color:#7a879d;font-size:12px;background:#fff}.callout{background:#f2f5ff;border-left:3px solid #7c8de5;padding:14px 18px;border-radius:8px;color:#5c6882;line-height:1.8;font-size:14px}.disabled-note{color:#8a6524;background:#fff7e3;border:1px solid #f5e5b9;padding:14px 18px;border-radius:12px;line-height:1.8}footer{border-top:1px solid #e2e8f1;padding:28px;text-align:center;color:#7f8b9e;font-size:14px}.section-label{font-weight:650;color:#5670c6;font-size:14px}.actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:650px){main{padding:28px 16px}.panel,article{padding:22px}.steps-nav{grid-template-columns:repeat(2,1fr)}.prepare{display:block}.prepare .button{margin-top:10px}header nav{padding:15px 16px;gap:12px;font-size:14px}.brand{font-size:20px}.mock{padding:20px}.button{padding:11px 15px}}