.newsletter-signup{max-width:400px;margin:2rem auto;padding:1.5rem;border-radius:8px;background:var(--bg-color);border:1px solid var(--fourth-color);box-shadow:0 3px 4px var(--fourth-color)}.newletter-form{margin-top:10px}.newsletter-signup h3{margin-top:10px;color:var(--text-color)}.newsletter-signup input{width:100%;padding:10px;margin-bottom:12px;border:1px solid var(--fourth-color);border-radius:4px;font-size:16px}.newsletter-signup button{width:100%;padding:12px;background:var(--text-color);color:var(--bg-color);border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background .3s}.newsletter-signup button:hover{background:var(--fourth-color)}.newsletter-signup button:disabled{background:#95a5a6;cursor:not-allowed}.message{margin-top:1rem;padding:10px;border-radius:4px}.message.success{background:#d4edda;color:#155724}.message.error{background:#f8d7da;color:#721c24}