body {
 background: linear-gradient(to bottom right, #fce9d4, #e7c99e);
 font-family: Arial, sans-serif;
 margin: 0;
 padding: 0;
 color: #4b3f2f;
}

.main {
 background-color: #edddc5;
 max-width: 700px;
 margin: 60px auto;
 padding: 35px 45px;
 border-radius: 12px;
 box-shadow: 0 0 15px rgba(150, 120, 90, 0.15);
 border: 1px solid #e6d9c3;
}

h1 {
 color: #7a5c3a;
 text-align: center;
}

h2 {
 color: #8b6e4a;
 margin-top: 25px;
}

p, ol {
 font-size: 18px;
 line-height: 1.6;
}

ol {
 
 margin-left: 20px;
}

.center-text {
 text-align: center;
}

.button {
 display: block;
 width: fit-content;
 margin: 20px auto;
 text-decoration: none;
 background-color: #c9a97a;
 color: white;
 padding: 12px 24px;
 border-radius: 8px;
 font-size: 18px;
 transition: background-color 0.3s;
}

.button:hover {
 background-color: #b38b5f;
}