*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f8;color:#333;padding:40px 20px}.container{max-width:880px;margin:0 auto;background-color:#f5f5f8}.header{margin-bottom:30px}.logo-container{margin-bottom:16px;display:flex;justify-content:center}.logo-container img{max-height:100px;width:auto;display:block}.header h1{font-size:32px;font-weight:600;margin-bottom:16px;line-height:1.2}.header p{font-size:14px;line-height:1.6;color:#555;max-width:484px}.section-title{background-color:#2b2b2b;color:#fff;padding:16px 24px;border-radius:8px 8px 0 0;font-size:14px;font-weight:500;margin-bottom:0}.newsletter-item{background-color:#fff;padding:28px;margin-bottom:0;border-radius:0;display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.newsletter-item.gray{background-color:#f5f5f8}.newsletter-item.last-item{border-radius:0 0 8px 8px}.newsletter-content{flex:1}.newsletter-content h3{font-size:18px;font-weight:600;margin-bottom:10px}.newsletter-content p{font-size:13px;line-height:1.6;color:#555}.newsletter-controls{display:flex;flex-direction:column;gap:12px;min-width:200px}.control-group{display:flex;flex-direction:column;gap:4px}.control-label{font-size:11px;font-weight:600;color:#333;text-transform:capitalize}.control-value{font-size:12px;color:#666}.toggle-column{display:flex;align-items:center;justify-content:center;min-width:60px;align-self:center}.toggle-switch{position:relative;width:44px;height:24px;background-color:#4169e1;border-radius:12px;cursor:pointer;transition:background-color .3s}.toggle-switch.off{background-color:#ccc}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .3s}.toggle-switch.off:after{transform:translate(0)}.toggle-switch:not(.off):after{transform:translate(20px)}.mandatory-link{color:#4169e1;text-decoration:none;font-size:12px;font-weight:500}.mandatory-link:hover{text-decoration:underline}.mandatory-text{text-decoration:none;font-size:12px;font-weight:500}.footer-wrapper{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:40px}.checkbox-container{display:flex;gap:12px;align-items:center;background-color:#fff;padding:24px 28px;border-radius:8px;max-width:65%}.checkbox-container input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4169e1}.checkbox-label{font-size:13px;line-height:1.5;color:#555;flex:1}.save-button{background-color:#2b2b2b;color:#fff;border:none;padding:12px 28px;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s;white-space:nowrap}.save-button:hover{background-color:#1a1a1a}@media(max-width:600px){body{padding:20px 15px}.newsletter-item{flex-direction:column;gap:20px;padding:20px}.newsletter-controls{width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.toggle-column{align-self:flex-start;justify-content:flex-start}.footer-wrapper{flex-direction:column;align-items:stretch;gap:16px;margin-top:30px}.checkbox-container{max-width:100%;padding:20px}.save-button{width:100%;padding:16px}}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left-color:#060606;border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}