body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
background-color: #f4f4f7;
margin: 0;
padding: 0;
}
.wrapper {
max-width: 700px;
margin: 0 auto;
background-color: #ffffff;
padding: 20px;
box-sizing: border-box;
}
.hero {
text-align: center;
margin-bottom: 20px;
}
.hero img {
max-width: 100%;
height: auto;
border-radius: 8px;
}
h1, h2 {
color: #8b0000;
}
p {
line-height: 1.5;
color: #333333;
}
.info-box {
background-color: #fff3cd;
border: 1px solid #ffeeba;
border-radius: 6px;
padding: 10px 15px;
margin: 15px 0;
}
.signup-box {
background-color: #e7f3ff;
border: 1px solid #cfe2ff;
border-radius: 6px;
padding: 10px 15px;
margin: 15px 0;
}
.signup-link {
display: inline-block;
padding: 10px 15px;
background-color: #8b0000;
color: #ffffff !important;
text-decoration: none;
border-radius: 4px;
margin-top: 8px;
}
.divider {
border-top: 1px solid #dddddd;
margin: 30px 0;
}
.small {
font-size: 0.9em;
color: #555;
}