:root{--ink:#17233b;--muted:#69758b;--blue:#315bd9;--cyan:#4fd1c5;--paper:#fff;--line:#e8edf5;--bg:#f4f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg);min-height:100vh}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.22;pointer-events:none}.ambient-one{width:380px;height:380px;background:#7dd3fc;top:-160px;left:-100px}.ambient-two{width:460px;height:460px;background:#a7f3d0;right:-200px;bottom:-220px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--ink),var(--blue));color:white;font:700 20px Georgia}.brand strong,.brand small{display:block}.brand small{font-size:9px;letter-spacing:.18em;color:#8a94a7;margin-top:3px}nav{display:flex;align-items:center;gap:8px}nav a,.nav-button{border:0;background:transparent;padding:10px 14px;border-radius:10px;color:#5c687c;text-decoration:none;font:500 14px inherit;cursor:pointer}.nav-button.active,.nav-button:hover,nav a:hover{background:#fff;color:var(--ink);box-shadow:0 4px 18px #26334f0c}.hero{max-width:1180px;margin:48px auto 96px;padding:0 28px;display:grid;grid-template-columns:1.08fr .92fr;gap:78px;align-items:center}.eyebrow{display:inline-block;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}.hero h1{font-size:58px;line-height:1.1;letter-spacing:-.04em;margin:0 0 24px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{max-width:550px;font-size:17px;line-height:1.8;color:var(--muted)}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}.trust-row div{border-top:1px solid #dbe2ec;padding-top:15px}.trust-row span{color:var(--blue);font-size:11px;font-weight:800}.trust-row strong,.trust-row small{display:block}.trust-row strong{font-size:14px;margin:8px 0 4px}.trust-row small{font-size:11px;color:#8a94a7}.desk{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.9);border-radius:24px;padding:24px;box-shadow:0 30px 80px #26334f1a;backdrop-filter:blur(16px)}.desk-tabs{display:flex;background:#f2f5f9;border-radius:13px;padding:4px;margin-bottom:28px}.desk-tab{flex:1;border:0;border-radius:10px;padding:12px;background:transparent;color:#7b8698;font-weight:700;cursor:pointer}.desk-tab.active{background:white;color:var(--ink);box-shadow:0 3px 12px #26334f12}.panel{display:none}.panel.active{display:block}.step-head{display:flex;gap:14px;align-items:center;margin:0 4px 24px}.step-head>span{display:grid;place-items:center;width:42px;height:42px;background:#e8efff;color:var(--blue);border-radius:12px;font-weight:800}.step-head small{font-size:9px;letter-spacing:.16em;color:#98a1b2}.step-head h2{font-size:20px;margin:3px 0 0}label{display:block;font-size:12px;font-weight:800;margin:16px 2px 8px}input,textarea{width:100%;border:1px solid var(--line);background:#fbfcfe;border-radius:12px;padding:14px 15px;color:var(--ink);font:14px inherit;outline:none;transition:.2s}textarea{resize:vertical;min-height:135px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.55}input:focus,textarea:focus{border-color:#8da7f0;box-shadow:0 0 0 4px #315bd912;background:#fff}.privacy-note{font-size:11px;color:#7f8999;margin:12px 2px}.privacy-note span{color:#16a36a;margin-right:4px}.primary{width:100%;border:0;border-radius:13px;padding:15px 18px;margin-top:8px;background:linear-gradient(135deg,#2549b8,#3f6ce6);color:white;font-weight:800;cursor:pointer;box-shadow:0 10px 24px #315bd934;display:flex;justify-content:space-between}.primary:disabled{opacity:.55;cursor:wait}.result{margin-top:20px;border-radius:14px;padding:16px;border:1px solid #dce4f0;background:#f8fafc}.result.hidden{display:none}.result.success{background:#effcf6;border-color:#bcebd5}.result.error{background:#fff4f4;border-color:#f4cccc}.result.processing{background:#f2f6ff;border-color:#cad8fa}.status-line{display:flex;justify-content:space-between;gap:12px;align-items:center}.status-line strong{font-size:14px}.status-badge{font-size:11px;font-weight:800;padding:5px 9px;border-radius:99px;background:white}.result p{font-size:12px;color:#68758a;line-height:1.6;margin:10px 0 0;word-break:break-word}.guide{max-width:1180px;margin:0 auto 100px;padding:0 28px}.guide>h2{font-size:36px;margin:0 0 30px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.guide b{color:#a2b2d9}.guide h3{margin:28px 0 10px}.guide p{color:var(--muted);font-size:14px;line-height:1.7}footer{text-align:center;padding:30px;color:#929cad;font-size:12px;border-top:1px solid #e5eaf1}@media(max-width:850px){.topbar nav{display:none}.hero{grid-template-columns:1fr;gap:42px;margin-top:28px}.hero h1{font-size:44px}.trust-row{margin-top:30px}.guide-grid{grid-template-columns:1fr}.desk{padding:18px}}@media(max-width:520px){.topbar{height:72px;padding:0 18px}.hero{padding:0 16px;margin-bottom:64px}.hero h1{font-size:38px}.hero-copy>p{font-size:15px}.trust-row{gap:8px}.trust-row small{display:none}.desk{border-radius:20px}.guide{padding:0 16px}.brand strong{font-size:14px}}