*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:#1b2029;font:16px/1.6 Arial,Helvetica,sans-serif}header,main,footer{max-width:1040px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;color:inherit;font-weight:700;text-decoration:none}.brand img{width:32px;height:32px}a{color:#245aca;text-underline-offset:4px}h1{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:24px 0 16px}h2{font-size:22px;margin:28px 0 10px}p{color:#58626f}main>p{max-width:650px}.steps{display:grid;gap:32px;margin:34px 0}.step{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;align-items:center}.step h2{font-size:21px;margin-top:0}.step small{color:#245aca;font-size:13px;font-weight:700}.browser{background:white;border:1px solid #bfc7d3;border-radius:8px;overflow:hidden;height:245px;position:relative;box-shadow:0 4px 12px #2130490b}.tabs{background:#e6eaf1;height:30px;padding:7px 10px;font-size:11px;color:#5f6976}.toolbar{background:#f5f7fa;height:40px;display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid #e4e8ef}.address{flex:1;border-radius:18px;background:white;height:25px;padding:3px 12px;font-size:12px;color:#6b7582}.symbol{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:20px}.focus{outline:3px solid #245aca;outline-offset:2px;border-radius:4px}.menu{position:absolute;right:12px;top:78px;width:245px;border:1px solid #c8ced8;border-radius:6px;background:white;padding:14px;font-size:12px;box-shadow:0 3px 12px #152c4820}.menu strong{display:block;margin-bottom:12px}.menu-row{display:flex;align-items:center;gap:8px}.menu-row img,.symbol img{width:22px;height:22px}.menu-row span:nth-child(2){flex:1}.page-label{padding:30px;text-align:center;color:#929ba7;font-size:13px}.caption{font-size:12px;color:#75808d;margin-top:8px}.done{border-top:1px solid #dce1e8;padding-top:20px}.legal{max-width:800px}.legal p{max-width:none}.draft{font-size:13px;border-left:3px solid #245aca;background:#edf1f7;padding:14px 18px}footer{display:flex;gap:24px;border-top:1px solid #dce1e8;font-size:14px;flex-wrap:wrap}button{font:inherit;cursor:pointer}footer button{background:none;border:0;color:#245aca;padding:0;text-decoration:underline}dialog{border:1px solid #cbd2dd;border-radius:8px;padding:28px;max-width:480px;width:calc(100% - 32px)}dialog::backdrop{background:#17203366}dialog label{display:flex;gap:12px}dialog input{width:20px;height:20px;accent-color:#245aca}.actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.actions button{padding:10px 16px;border:1px solid #bfc7d3;background:white;border-radius:5px}.actions button:last-child{color:white;background:#245aca;border-color:#245aca}.status{font-size:14px;color:#245aca}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #245aca;outline-offset:4px}@media(max-width:700px){header,main,footer{padding:20px}h1{font-size:30px}.step{grid-template-columns:1fr;gap:8px}.browser{height:245px}.step p{margin:8px 0 14px}.brand{font-size:14px}header>a:last-child{font-size:13px}}