.container {
max-width: 900px;
margin: 40px auto;
background: #ffffff;
padding: 45px;
border-radius: 14px;
box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

h1 {
text-align: center;
color: #8e44ad;
font-size: 2.5em;
margin-bottom: 10px;
}

.subtitle {
text-align: center;
font-size: 1.1em;
color: #666;
margin-bottom: 35px;
}

.verse {
background: #f3e9ff;
border-left: 6px solid #8e44ad;
padding: 18px 22px;
border-radius: 8px;
font-style: italic;
margin-bottom: 30px;
}

.exclaim {
text-align: center;
font-size: 1.4em;
font-weight: bold;
color: #e74c3c;
margin: 30px 0;
}

p {
margin-bottom: 20px;
font-size: 1.05em;
}

.highlight {
background: #eef9f2;
border-left: 6px solid #27ae60;
padding: 18px 22px;
border-radius: 8px;
margin: 30px 0;
}

.commitment {
background: #fff8e6;
border-left: 6px solid #f39c12;
padding: 22px 25px;
border-radius: 8px;
margin: 35px 0;
font-weight: 500;
}

.commitment strong {
font-size: 1.2em;
}

.remember {
background: #f0f4ff;
border-left: 6px solid #2c5aa0;
padding: 18px 22px;
border-radius: 8px;
margin: 30px 0;
font-style: italic;
}

hr {
margin: 50px 0;
border: none;
border-top: 2px dashed #ddd;
}

h3 {
color: #2c5aa0;
margin-top: 30px;
}

ul {
list-style: none;
padding-left: 0;
}

ul li::before {
content: "✨ ";
}

.footer {
background: #f9f9f9;
padding: 25px;
border-radius: 10px;
margin-top: 40px;
text-align: center;
}

a {
color: #2c5aa0;
text-decoration: none;
font-weight: bold;
}