*{box-sizing:border-box} :root{font-family:"Arial",sans-serif;color:#53575b;background:#ffffff;font-size:16px}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}header{background:#ffffff;border-bottom:1px solid #d7dadd;height:80px;display:flex;align-items:center;justify-content:center;color:#35393d;position:relative}h1{font-size:18px;font-weight:400;margin:0}.back{position:absolute;left:24px;border:0;background:none;color:#35393d;padding:12px}.demo{position:absolute;right:24px;font-size:12px;border:1px solid #b8bdc2;padding:5px 9px;border-radius:4px}main{background:#ffffff;min-height:calc(100dvh - 80px);border-radius:0;overflow:hidden}.welcome{display:grid;grid-template-columns:1fr;min-height:calc(100dvh - 80px)}.start{background:#ffffff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px}.start h2{font-size:18px;color:#35393d;text-align:center;margin:0 0 24px}.intro{font-size:18px;text-align:center;margin:0 0 24px;font-weight:400}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;width:100%;max-width:540px}.tile{background:#f6f7f8;border:1px solid #a7aaae;border-radius:5px;min-height:164px;padding:22px 12px 16px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#55595d;gap:22px;font-size:14px;line-height:1.35;text-align:center;transition:background .15s,border-color .15s,box-shadow .15s}.tile:hover{background:#e5e7e9;border-color:#35393d;box-shadow:0 2px 8px #35393d14}.tile img{height:70px;width:70px;object-fit:contain}.tile .symbol{font-size:34px;font-weight:300;min-height:60px;display:grid;place-items:center;color:#7b8791}.tile:focus-visible,button:focus-visible{outline:3px solid #687580;outline-offset:3px}.progressbar{border-bottom:1px solid #e0e3e7;display:flex;justify-content:flex-end;padding:16px 40px;gap:6px;align-items:center}.step{width:29px;height:29px;border-radius:4px;background:#c1c5c9;color:white;display:grid;place-items:center;font-weight:700}.step.active{background:#35393d}.step.done{background:#727980}.stepcaption{margin-right:auto;font-size:14px;color:#78828b}.content{max-width:780px;margin:0 auto;padding:34px 32px 64px}.content>.intro{margin-bottom:30px}.content .tiles{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr))}.form{max-width:550px;margin:auto}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:23px;font-size:14px}.field input:not([type=checkbox]),.field textarea,.field select{width:100%;border:1px solid #aeb7c0;border-radius:4px;padding:12px 14px;min-height:46px;background:white;color:#333;font-size:16px}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field textarea:focus{outline:2px solid #687580;outline-offset:1px}.field input[type=file]{background:#f7f9fb;font-size:14px;min-height:70px}.field small{color:#78828b;font-size:13px}.check{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:16px}.check input{width:20px;height:20px;accent-color:#35393d}.actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.primary,.secondary{border-radius:5px;padding:13px 24px;min-height:46px;border:1px solid #35393d;background:#35393d;color:white}.secondary{color:#35393d;background:white}.primary:hover{background:#202428}.path{font-size:14px;color:#35393d;text-align:center;line-height:1.6;margin:0 0 22px}.row{display:grid;grid-template-columns:1fr 2fr;gap:18px}.notice{padding:14px 18px;background:#e4e7e9;border-left:3px solid #35393d;font-size:14px;line-height:1.6;margin:24px 0}.review-group{margin:28px 0;border-bottom:1px solid #e0e3e7;padding-bottom:22px}.review-group h3{color:#35393d;font-size:16px;display:flex;justify-content:space-between;align-items:center}.edit{border:0;background:none;color:#35393d;font-size:14px;text-decoration:underline}.review-group dl{display:grid;grid-template-columns:40% 60%;gap:12px;margin:0;font-size:14px;line-height:1.5}.review-group dt{color:#78828b}.review-group dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.success{text-align:center;padding:70px 20px}.success h2{color:#35393d}.success p{line-height:1.7;max-width:450px;margin:20px auto}.badge{margin:auto;width:66px;height:66px;border-radius:50%;background:#e4e7e9;color:#35393d;font-size:32px;display:grid;place-items:center}.footer-note{font-size:12px;color:#78828b;margin:28px 0 0;text-align:center}.selected{background:#e5e7e9;border-color:#35393d}@media(max-width:760px){header{height:68px}.back{left:8px;font-size:14px}.demo{right:12px;font-size:11px}main{min-height:calc(100dvh - 68px);border-radius:0}.welcome{grid-template-columns:1fr;min-height:calc(100dvh - 68px)}.start{padding:32px 20px;justify-content:start}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{min-height:148px}.content{padding:28px 20px 48px}.content .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.progressbar{padding:14px 20px}.stepcaption{max-width:130px;font-size:12px}.row{grid-template-columns:1fr}.review-group dl{grid-template-columns:1fr;gap:5px}.review-group dd{margin-bottom:10px}.actions{flex-wrap:wrap}.intro{font-size:17px}}

.step-icon{display:block;width:58px;height:58px;object-fit:contain;margin:0 auto 22px}.content .tile img{flex-shrink:0}.content:has(.success)>.step-icon{margin-bottom:0}.content:has(.success) .success{padding-top:32px}