/* style.css */
h1 {
font-size: 2.8rem;
letter-spacing: 1px;
color: #1a1a1a;
}


p.hero-text {
font-size: 1.25rem;
color: #444;
line-height: 1.6;
}


.button {
display: inline-block;
margin-top: 20px;
padding: 12px 26px;
font-size: 1.1rem;
background: #2d5cff;
color: #fff;
text-decoration: none;
border-radius: 8px;
transition: 0.25s ease;
}


.button:hover {
background: #1e3ecf;
}


.footer-note {
background: #ffffff;
padding: 25px;
margin-top: 40px;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
text-align: left;
}


.footer-note p {
line-height: 1.7;
font-size: 1.05rem;
}


.legal-notice {
margin-top: 50px;
padding: 25px;
background: #eef1f6;
border-radius: 10px;
text-align: left;
}


@media (max-width: 600px) {
h1 {
font-size: 2rem;
}
p.hero-text {
font-size: 1.1rem;
}
.container {
padding: 20px 15px;
}
.button {
width: 100%;
padding: 14px;
font-size: 1.1rem;
}
.footer-note, .legal-notice {
padding: 20px;
}
}