*{box-sizing:border-box}html,body{color:#102a43;background:#f3f6f9;min-height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}main{place-items:center;min-height:100vh;padding:24px;display:grid}.card{text-align:center;background:#fff;border-radius:28px;width:min(100%,430px);padding:34px 26px 28px;box-shadow:0 18px 60px #0f2b4621}.languages{justify-content:center;gap:6px;margin:-8px 0 24px;display:flex}.languages a{letter-spacing:.5px;color:#8aa0af;border-radius:9px;padding:7px 8px;font-size:11px;font-weight:800;text-decoration:none}.languages a.active{color:#087fac;background:#eaf6fb}.brand img{width:180px;max-width:70%;height:auto}.rule{background:#1597c6;border-radius:5px;width:48px;height:3px;margin:27px auto 25px}h1{letter-spacing:-.7px;margin:0 0 7px;font-size:30px}.role{color:#63788a;margin:0 0 27px;font-size:16px}.actions{grid-template-columns:1fr 1fr;gap:11px;display:grid}.actions a{color:#153a55;background:#fbfdff;border:1px solid #dce6ed;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:75px;font-weight:700;text-decoration:none;display:flex}.actions span{color:#1597c6;font-size:22px}.save{color:#fff;background:#1597c6;border-radius:16px;margin-top:13px;padding:17px;font-size:16px;font-weight:800;text-decoration:none;display:block}.details{border-top:1px solid #e6edf2;flex-direction:column;gap:9px;margin-top:26px;padding-top:22px;display:flex}.details a{color:#536d7d;font-size:15px;text-decoration:none}.footer{letter-spacing:2.2px;color:#9aaab5;margin:27px 0 0;font-size:10px}@media (max-width:420px){main{padding:0}.card{min-height:100vh;box-shadow:none;border-radius:0;flex-direction:column;justify-content:center;padding:30px 22px;display:flex}h1{font-size:28px}}.qrbox{border:1px solid #dce6ed;border-radius:16px;margin-top:11px;overflow:hidden}.qrbox summary{cursor:pointer;color:#153a55;padding:15px;font-weight:800;list-style:none}.qrbox summary::-webkit-details-marker{display:none}.qrinner{padding:0 18px 18px}.qrinner img{width:min(100%,260px);height:auto;margin:4px auto 10px;display:block}.qrinner p{color:#63788a;margin:0;font-size:13px}.share{color:#153a55;background:#fff;border:1px solid #b9d7c3;border-radius:16px;margin-top:10px;padding:17px;font-size:15px;font-weight:800;text-decoration:none;display:block}.share:hover{background:#f7fbf8}