
/* /reschfloor_newsletter/static/src/css/newsletter.css */
 header#top{display: none !important;}.ws-nl-wrapper{display: flex; flex-direction: column; align-items: center; min-height: 100vh; padding: 48px 16px 64px; background: #fafafa; font-family: 'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;}.ws-nl-back{display: inline-flex; align-items: center; gap: 6px; font-size: 0.875rem; color: #666; text-decoration: none; transition: color 0.15s; align-self: flex-start; max-width: 640px; width: 100%; margin: 0 auto 32px;}.ws-nl-back:hover{color: #1a1a1a;}.ws-nl-header{text-align: center; margin-bottom: 28px; max-width: 480px;}.ws-nl-icon{display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 12px; background: hsl(200, 96%, 18%); color: #fff; margin-bottom: 16px;}.ws-nl-title{font-size: 1.5rem; font-weight: 700; color: #1a1a1a; margin: 0 0 8px;}.ws-nl-subtitle{font-size: 0.875rem; color: #666; margin: 0; line-height: 1.6;}.ws-nl-benefits{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; max-width: 640px; width: 100%; margin-bottom: 28px;}.ws-nl-benefit-card{border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 10px; background: #fff; padding: 16px 12px; text-align: center;}.ws-nl-benefit-icon{display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; background: hsla(200, 96%, 18%, 0.08); color: hsl(200, 96%, 18%); margin-bottom: 8px;}.ws-nl-benefit-title{font-size: 0.75rem; font-weight: 600; color: #1a1a1a; margin: 0 0 4px;}.ws-nl-benefit-desc{font-size: 0.6875rem; color: #888; line-height: 1.4; margin: 0;}.ws-nl-card{width: 100%; max-width: 640px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 12px; padding: 28px 28px 32px; background: #fff; margin-bottom: 16px;}.ws-nl-field{margin-bottom: 16px;}.ws-nl-field label{display: block; font-size: 0.8125rem; font-weight: 600; color: #1a1a1a; margin-bottom: 6px;}.ws-nl-optional{font-weight: 400; color: #999;}.ws-nl-field input{display: block; width: 100%; padding: 10px 14px; font-size: 0.875rem; border: 1px solid #ddd; border-radius: 8px; background: #fff; color: #1a1a1a; transition: border-color 0.15s, box-shadow 0.15s; font-family: inherit; box-sizing: border-box;}.ws-nl-field input:focus{outline: none; border-color: hsl(200, 96%, 18%); box-shadow: 0 0 0 3px hsla(200, 96%, 18%, 0.1);}.ws-nl-field input::placeholder{color: #bbb;}.ws-nl-checkbox-row{display: flex; align-items: flex-start; gap: 10px; margin-bottom: 20px;}.ws-nl-checkbox-row input[type="checkbox"]{flex-shrink: 0; width: 18px; height: 18px; margin-top: 2px; accent-color: hsl(200, 96%, 18%); cursor: pointer;}.ws-nl-checkbox-row label{font-size: 0.75rem; color: #666; line-height: 1.5; cursor: pointer;}.ws-nl-checkbox-row label a{color: #1a1a1a; text-decoration: underline;}.ws-nl-error{padding: 10px 14px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 8px; color: #b91c1c; font-size: 0.8125rem; margin-bottom: 16px;}.ws-nl-submit{display: block; width: 100%; padding: 12px 20px; font-size: 0.9375rem; font-weight: 600; color: #fff; background: hsl(200, 96%, 18%); border: none; border-radius: 8px; cursor: pointer; transition: background 0.15s, transform 0.1s; font-family: inherit;}.ws-nl-submit:hover{background: hsl(200, 96%, 14%);}.ws-nl-submit:active{transform: scale(0.99);}.ws-nl-submit:disabled{opacity: 0.6; cursor: not-allowed;}.ws-nl-success{text-align: center; max-width: 440px; padding: 24px;}.ws-nl-success-icon{display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: hsla(200, 96%, 18%, 0.08); color: hsl(200, 96%, 18%); margin-bottom: 20px;}.ws-nl-success-title{font-size: 1.375rem; font-weight: 700; color: #1a1a1a; margin: 0 0 12px;}.ws-nl-success-text{font-size: 0.875rem; color: #666; line-height: 1.6; margin: 0 0 24px;}.ws-nl-success-btn{display: inline-flex; align-items: center; gap: 6px; padding: 10px 20px; font-size: 0.875rem; font-weight: 500; color: #1a1a1a; border: 1px solid #ddd; border-radius: 8px; text-decoration: none; transition: border-color 0.15s, background 0.15s;}.ws-nl-success-btn:hover{border-color: #bbb; background: #f5f5f5; color: #1a1a1a; text-decoration: none;}.ws-nl-confirm-success-icon{background: hsla(145, 63%, 42%, 0.1); color: hsl(145, 63%, 32%);}.ws-nl-confirm-error-icon{background: hsla(25, 95%, 53%, 0.1); color: hsl(25, 95%, 45%);}.ws-nl-hint{text-align: center; font-size: 0.75rem; color: #999; margin-top: 8px;}@media (max-width: 640px){.ws-nl-wrapper{padding: 32px 16px 48px;}.ws-nl-benefits{grid-template-columns: repeat(2, 1fr);}.ws-nl-card{padding: 20px 16px 24px;}.ws-nl-back{margin-bottom: 24px;}}@media (max-width: 380px){.ws-nl-benefits{grid-template-columns: 1fr;}}