.cnbm-subscribe-form-wrapper{max-width:500px;margin:30px auto;padding:30px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.cnbm-form-title{margin:0 0 15px;font-size:24px;font-weight:600;color:#333;text-align:center}.cnbm-form-description{margin:0 0 25px;font-size:16px;color:#666;text-align:center;line-height:1.5}.cnbm-message{padding:12px 15px;margin-bottom:20px;border-radius:4px;font-size:14px;line-height:1.5}.cnbm-message-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.cnbm-message-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.cnbm-message-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.cnbm-subscribe-form{margin:0}.cnbm-form-fields{display:flex;flex-direction:column;gap:15px}.cnbm-form-field{display:block}.cnbm-label{display:block;margin-bottom:5px;font-size:14px;font-weight:500;color:#333}.cnbm-label .required{color:#d63638}.cnbm-input{width:100%;padding:12px 15px;font-size:16px;line-height:1.5;color:#333;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;margin:0;display:block;transition:border-color 0.3s,box-shadow 0.3s}.cnbm-input:focus{outline:none;border-color:#2271b1;box-shadow:0 0 0 1px #2271b1}.cnbm-input::placeholder{color:#999}.cnbm-form-submit{margin-top:5px}.cnbm-button{width:100%;padding:14px 25px;font-size:16px;font-weight:600;color:#fff;background-color:#2271b1;border:none;border-radius:4px;cursor:pointer;display:block;margin:0;box-sizing:border-box;transition:background-color 0.3s,transform 0.1s}.cnbm-button:hover{background-color:#135e96}.cnbm-button:active{transform:translateY(1px)}.cnbm-button:focus{outline:2px solid #2271b1;outline-offset:2px}.cnbm-button:disabled{opacity:.6;cursor:not-allowed}.cnbm-button.loading{position:relative;color:#fff0;pointer-events:none}.cnbm-button.loading::after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:cnbm-spin 0.6s linear infinite}@keyframes cnbm-spin{to{transform:rotate(360deg)}}.cnbm-form-note{margin:15px 0 0;font-size:12px;color:#666;text-align:center;line-height:1.4}@media screen and (max-width:600px){.cnbm-subscribe-form-wrapper{margin:20px 10px;padding:20px}.cnbm-form-title{font-size:20px}.cnbm-form-description{font-size:14px}.cnbm-input,.cnbm-button{font-size:14px}}.cnbm-subscribe-form-wrapper.minimal{border:none;box-shadow:none;background:#fff0;padding:20px 0}.cnbm-subscribe-form-wrapper.inline .cnbm-form-fields{flex-direction:row;gap:10px}.cnbm-subscribe-form-wrapper.inline .cnbm-form-field{flex:1}.cnbm-subscribe-form-wrapper.inline .cnbm-form-submit{flex:0 0 auto;margin-top:0}.cnbm-subscribe-form-wrapper.inline .cnbm-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.cnbm-subscribe-form-wrapper.inline .cnbm-button{width:auto;white-space:nowrap}@media screen and (max-width:600px){.cnbm-subscribe-form-wrapper.inline .cnbm-form-fields{flex-direction:column}.cnbm-subscribe-form-wrapper.inline .cnbm-form-submit{margin-top:5px}.cnbm-subscribe-form-wrapper.inline .cnbm-button{width:100%}}@media (prefers-color-scheme:dark){.cnbm-subscribe-form-wrapper{background:#1e1e1e;border-color:#333}.cnbm-form-title,.cnbm-label{color:#e5e5e5}.cnbm-form-description,.cnbm-form-note{color:#aaa}.cnbm-input{background-color:#2a2a2a;border-color:#444;color:#e5e5e5}.cnbm-input::placeholder{color:#666}.cnbm-input:focus{border-color:#4a9eff;box-shadow:0 0 0 1px #4a9eff}}@media (prefers-contrast:high){.cnbm-subscribe-form-wrapper{border-width:2px}.cnbm-input{border-width:2px}.cnbm-button{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.cnbm-input,.cnbm-button{transition:none}@keyframes cnbm-spin{to{transform:rotate(360deg)}}}.cnbm-input:focus-visible,.cnbm-button:focus-visible{outline:2px solid #2271b1;outline-offset:2px}