*{box-sizing:border-box}body{margin:0;font:15px/1.6 system-ui,sans-serif;color:#24324a;background:#f3f6fb}header{background:#fff;padding:18px 4%;display:flex;justify-content:space-between;border-bottom:1px solid #dce3ed}a{color:#2563a8;text-decoration:none}nav a{margin-left:20px}main{max-width:1300px;margin:28px auto;padding:0 24px}h1{font-size:27px}h2{font-size:20px}section,form{margin:14px 0}section{background:white;padding:22px;border:1px solid #dce3ed;border-radius:12px}label{display:block;margin:10px 0}input:not([type=checkbox]){display:block;width:100%;max-width:440px;border:1px solid #becbdd;border-radius:6px;padding:10px;font:inherit}button,.account{border:0;border-radius:7px;padding:10px 18px;background:#2563a8;color:white;cursor:pointer}button{font:inherit}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check{display:inline-block;margin-right:18px}.error{background:#ffe9e9;color:#a11919;padding:14px}.account-list{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}iframe{width:100%;height:72vh;background:#fff;border:1px solid #dce3ed;border-radius:10px}@media(max-width:700px){.columns{grid-template-columns:1fr}header{display:block}nav a{margin:0 12px 0 0}main{padding:0 12px}}