body {
font-family: -apple-system, BlinkMacSystemFont, „Segoe UI“, Roboto, Oxygen,
Ubuntu, Cantarell, „Open Sans“, „Helvetica Neue“, sans-serif;
background-color: #f5f5f7;
margin: 0;
padding: 0;
color: #1d1d1f;
}
.thankyou-wrapper {
max-width: 600px;
margin: 100px auto;
background: white;
padding: 60px 40px;
border-radius: 16px;
box-shadow: 0 8px 32px rgb(0 0 0 / 0.1);
text-align: center;
}
.thankyou-wrapper h1 {
font-weight: 700;
font-size: 3rem;
margin-bottom: 0.3em;
}
.thankyou-wrapper p {
font-size: 1.2rem;
line-height: 1.5;
margin: 0 0 2em 0;
color: #3c3c4399;
}
.highlight {
color: #0071e3;
}
.btn-primary {
display: inline-block;
padding: 16px 48px;
font-size: 1.1rem;
font-weight: 600;
color: white;
background: linear-gradient(135deg, #0071e3 0%, #004bb5 100%);
border-radius: 30px;
text-decoration: none;
box-shadow: 0 8px 20px rgb(0 113 227 / 0.4);
transition: background 0.3s ease;
}
.btn-primary:hover {
background: linear-gradient(135deg, #004bb5 0%, #002f7a 100%);
}
.footer-note {
margin-top: 40px;
font-size: 0.9rem;
color: #6e6e73;
}
.footer-note a {
color: #0071e3;
text-decoration: none;
}
.footer-note a:hover {
text-decoration: underline;
}