*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#2c3e50;background:#f7f4f1;justify-content:center;align-items:flex-start;min-height:100vh;padding:3rem 1rem;font-family:system-ui,-apple-system,sans-serif;display:flex}.unsub-page{width:100%;max-width:520px}.unsub-card{background:#fff;border:1px solid #e5ddd8;border-radius:10px;padding:2.25rem 2rem;box-shadow:0 4px 20px #00000012}.unsub-brand{justify-content:center;align-items:center;gap:.6rem;margin-bottom:1.5rem;display:flex}.unsub-brand-name{color:#2c3e50;letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.unsub-brand-accent{color:#ff6a3d}.unsub-divider{border:none;border-top:1px solid #ede8e3;margin:1.5rem 0}.unsub-heading{color:#2c3e50;margin-bottom:.9rem;font-size:1.35rem;font-weight:700;line-height:1.3}.unsub-body{color:#555;margin-bottom:.75rem;font-size:.95rem;line-height:1.7}.unsub-transactional-note{color:#888;background:#fafafa;border-left:3px solid #e5ddd8;border-radius:0 4px 4px 0;margin-top:.75rem;padding:.5rem .75rem;font-size:.85rem;line-height:1.6}.unsub-form{flex-direction:column;gap:1.1rem;margin-top:1.5rem;display:flex}.unsub-field{flex-direction:column;gap:.35rem;display:flex}.unsub-field label{color:#444;font-size:.85rem;font-weight:600}.unsub-field input{color:#2c3e50;background:#fff;border:1px solid #ccc;border-radius:5px;width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.unsub-field input:focus{border-color:#ff6a3d;outline:none;box-shadow:0 0 0 3px #ff6a3d1f}.unsub-field input:disabled{color:#888;cursor:not-allowed;background:#f5f5f5}.unsub-cta-copy{color:#777;font-size:.85rem}.unsub-button{color:#fff;cursor:pointer;background:#ff6a3d;border:none;border-radius:5px;align-self:flex-start;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s}.unsub-button:hover:not(:disabled){background:#e85d33;transform:translateY(-1px);box-shadow:0 4px 12px #ff6a3d40}.unsub-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.unsub-toast{border-radius:5px;padding:.85rem 1rem;font-size:.9rem;line-height:1.6}.unsub-toast--error{color:#7b241c;background:#fef2f2;border-left:4px solid #c0392b}.unsub-result{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0;display:flex}.unsub-result--success{color:#2c3e50}.unsub-result-icon{color:#fff;background:#ff6a3d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:.25rem;font-size:1.6rem;display:flex}.unsub-result h2{font-size:1.3rem;font-weight:700}.unsub-result p{color:#555;max-width:380px;font-size:.95rem;line-height:1.7}.unsub-footer{color:#999;text-align:center;font-size:.82rem;line-height:1.6}.unsub-footer a{color:#ff6a3d;text-decoration:none}.unsub-footer a:hover{text-decoration:underline}