body{background-color:#f0fdf4}main{min-height:100vh;display:flex;align-items:center}.form-container{max-width:800px;margin:0 auto;padding:0 16px;text-align:center;display:flex;flex-direction:column;align-items:center}.unsubscribe-content{margin-top:32px;color:#4b5563}.unsubscribe-text{font-size:16px;font-weight:600;color:#22c55e}.unsubscribe-content h1{color:#000;margin:16px 0}.unsubscribe-content p{max-width:700px}.form{margin-top:32px;width:100%;max-width:512px}.form-group{text-align:left;color:#4b5563}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}.btn{padding:16px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s;width:100%}.btn-primary{background-color:#22c55e;color:#fff}.btn-primary:hover{background-color:#16a34a}.success-message{margin-top:32px;width:100%;max-width:512px}.success-box{padding:16px 24px;background-color:#d1fae5;border:1px solid #22c55e;border-radius:8px;color:#15803d;font-size:16px;font-weight:500;text-align:center}.input-container{width:100%}.form-group input:focus{border-color:#22c55e;outline:none;box-shadow:0 0 0 1px #22c55e}.input-error-container{color:#dc2626;font-size:14px;margin-top:4px;text-align:left;min-height:20px;display:block}.form-group input.error{border-color:#dc2626;box-shadow:0 0 0 1px #dc2626}