*{box-sizing:border-box}body{margin:0;background:#fff;color:#000;font-family:Arial,Helvetica,sans-serif}.top,.foot{border:4px solid #000;padding:16px;margin:12px;display:flex;justify-content:space-between;gap:16px;align-items:center}.brand{font-size:22px;font-weight:900;color:#000;text-decoration:none}.top a{color:#000;font-weight:800;margin-right:10px}.wrap{max-width:1180px;margin:0 auto;padding:16px}.hero{border:6px solid #000;padding:36px;margin-bottom:16px;box-shadow:8px 8px 0 #000}.hero h1{font-size:48px;line-height:1;margin:0 0 16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{border:4px solid #000;padding:18px;margin-bottom:16px;background:#fff;box-shadow:6px 6px 0 #000}.narrow{max-width:520px;margin:auto}.btn,button{background:#000;color:#fff;border:3px solid #000;padding:10px 14px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-block}.ghost{background:#fff;color:#000}input,textarea,select{width:100%;border:3px solid #000;padding:10px;margin:6px 0 12px;background:#fff;color:#000}textarea{min-height:96px}label{font-weight:900;display:block}table{width:100%;border-collapse:collapse}th,td{border:3px solid #000;padding:8px;vertical-align:top}th{background:#000;color:#fff;text-align:left}.inline{display:inline-block;margin:3px}.qr{width:180px}.qris{max-width:320px;width:100%;border:4px solid #000}.big{font-size:28px;font-weight:900}.error{border:3px solid #000;background:#000;color:#fff;padding:10px}.note{font-size:14px;border-left:8px solid #000;padding-left:10px}code{font-weight:900;word-break:break-all}.foot{display:block;text-align:center;font-size:13px}