.newsletter-container {
background: white;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
max-width: 420px;
width: 100%;
padding: 30px;
}
.newsletter-header {
text-align: center;
margin-bottom: 25px;
padding-bottom: 20px;
border-bottom: 2px solid #f0f0f0;
}
.newsletter-header h2 {
color: #1e3c72;
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 8px;
}
.newsletter-description {
text-align: center;
margin-bottom: 25px;
}
.newsletter-description p {
color: #555;
line-height: 1.5;
font-size: 0.95rem;
}
.tnp.tnp-subscription {
width: 100%;
}
.tnp-field {
margin-bottom: 18px;
}
.tnp-field label {
display: block;
color: #333;
font-weight: 500;
margin-bottom: 6px;
font-size: 0.9rem;
}
.tnp-name,
.tnp-email {
width: 100%;
padding: 12px;
border: 1px solid #ddd;
border-radius: 6px;
font-size: 0.95rem;
transition: border-color 0.3s ease;
}
.tnp-name:focus,
.tnp-email:focus {
outline: none;
border-color: #2a5298;
box-shadow: 0 0 0 2px rgba(42, 82, 152, 0.1);
}
.tnp-field-privacy-field {
background: #f9f9f9;
padding: 12px;
border-radius: 6px;
font-size: 0.85rem;
}
.tnp-privacy-field label {
display: flex;
align-items: flex-start;
line-height: 1.4;
margin-bottom: 0;
font-weight: 400;
}
.tnp-privacy {
margin-right: 8px;
margin-top: 2px;
accent-color: #2a5298;
}
.tnp-privacy-field a {
color: #2a5298;
text-decoration: none;
}
.tnp-privacy-field a:hover {
text-decoration: underline;
}
.tnp-field-button {
text-align: center;
margin-top: 20px;
}
.tnp-submit {
background: linear-gradient(135deg, #2a5298 0%, #1e3c72 100%);
color: white;
padding: 12px 30px;
border: none;
border-radius: 25px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: transform 0.2s ease;
width: 100%;
}
.tnp-submit:hover {
transform: translateY(-1px);
}
@media (max-width: 480px) {
.newsletter-container {
margin: 10px;
padding: 25px;
}
}