body
{
font-family:Arial,sans-serif;
line-height:1.6;
color:#333;
max-width:800px;
margin:0 auto;
padding:20px;
min-height:100vh;
box-sizing:border-box;
}
,::before,*::after {
box-sizing:border-box;
}
h1,h2,h3
{
color:#1a252f;
}
form
{
background-color:#f4f4f4;
padding:20px;
border-radius:5px;
margin-bottom:20px;
}
textarea,input[type="file"] {
width:100%;
padding:10px;
margin-bottom:10px;
resize:vertical;
}
input[type="submit"] {
background-color:#3498db;
color:white;
padding:10px 20px;
border:none;
border-radius:5px;
cursor:pointer;
}
input[type="submit"]:hover {
background-color:#2980b9;
}
input:focus,textarea:focus {
outline:3px solid #3498db;
outline-offset:2px;
}
.step {
background-color:#ecf0f1;
padding:10px;
margin-bottom:10px;
border-radius:5px;
}
.checkbox-wrapper {
  position: relative;
  display: inline-block;
}

input[type="checkbox"] {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #999;
  border-radius: 4px;
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
}

input[type="checkbox"]:checked {
  background: #0066cc;
  border-color: #0066cc;
}

input[type="checkbox"]:checked::after {
  content: "✓";
  position: absolute;
  color: white;
  font-size: 16px;
  left: 2px;
  top: -1px;
}

input[type="checkbox"]:focus {
outline: 2px solid #0066cc80;
}