If you’re trapped in the bathroom cycle with bleeding, mucus, and relentless inflammation, understanding which condition you have and how it responds to treatment determines whether you’ll see relief in weeks or months. Ulcerative colitis patients typically achieve remission 40% faster with targeted herbal TNFα blockers compared to Crohn’s disease patients, primarily because colitis affects only the colon’s outer layer while Crohn’s can penetrate all digestive tissue layers. The four-herb formula approach delivers measurably different timelines depending on your exact diagnosis, and knowing this distinction could save you months of unnecessary suffering.
Quick Answer: Why Ulcerative Colitis Patients Enter Remission 6-8 Weeks Faster
When you’re dealing with inflammatory bowel disease, the difference between ulcerative colitis and Crohn’s disease isn’t just academic. It directly impacts how quickly you’ll feel normal again. The key lies in tissue depth. Ulcerative colitis inflames only the innermost lining of your colon the mucosa. Herbal compounds reach this surface layer quickly, beginning their anti-inflammatory work within days.
Crohn’s disease, by contrast, creates what doctors call transmural inflammation. This means the inflammation burrows through multiple tissue layers, sometimes causing fistulas and deeper structural damage. Those same effective herbal compounds must work harder and longer to penetrate down through the submucosa, muscle layers, and beyond. This anatomical reality explains why colon-based Crohn’s patients typically need 8-12 additional weeks to reach the same remission milestones as colitis patients.
@keyframes hoox-lf-in-hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top {
width: 100%;
max-width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 20px;
margin: 48px 0;
padding: 32px 28px;
border-radius: 16px;
background: #ffffff;
color: #111111;
font-family: inherit;
border: 1px solid #E2E8F0;
animation: hoox-lf-in-hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top 0.3s cubic-bezier(0.16, 1, 0.3, 1);
direction: inherit;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-form-header {
display: flex;
flex-direction: column;
gap: 8px;
text-align: center;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-form-header h2 {
margin: 0;
font-size: 1.5em;
font-weight: 700;
line-height: 1.3;
color: #111111;
border: none;
padding: 0;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-form-header p {
margin: 0;
font-size: 1em;
line-height: 1.6;
color: #64748B;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top form[data-hx-form] {
margin: 0;
display: flex;
flex-direction: column;
gap: 14px;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-field-wrap {
position: relative;
width: 100%;
box-sizing: border-box;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-field-wrap input {
width: 100%;
box-sizing: border-box;
height: 44px;
padding-inline-start: 42px;
padding-inline-end: 14px;
border: 1px solid #E2E8F0;
border-radius: 10px;
font-size: 14px;
color: #111111;
font-family: inherit;
background-color: #F8FAFC;
transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
outline: none;
direction: inherit;
text-align: start;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-field-wrap input::placeholder {
color: #94A3B8;
opacity: 1;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-field-wrap input:focus {
background-color: #FFFFFF;
border-color: #0077B6,#00B4D8,#90E0EF;
box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.08);
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-field-icon {
position: absolute;
top: 0;
bottom: 0;
inset-inline-start: 0;
width: 42px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
color: #94A3B8;
transition: color 0.15s ease;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-field-wrap:focus-within .hoox-field-icon {
color: #0077B6,#00B4D8,#90E0EF;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top button[type=”submit”] {
width: 100%;
height: 44px;
margin-top: 4px;
border: none;
border-radius: 10px;
background: #0077B6,#00B4D8,#90E0EF;
color: #FFFFFF;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: opacity 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top button[type=”submit”]:hover {
opacity: 0.94;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top button[type=”submit”]:active {
transform: scale(0.99);
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top button[type=”submit”]:disabled {
opacity: 0.6;
cursor: not-allowed;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-disclaimer {
margin: 0;
text-align: center;
font-size: 12px;
line-height: 1.5;
color: #94A3B8;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-disclaimer a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-disclaimer a:hover {
text-decoration: none;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-success {
display: none;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 12px 0;
position: relative;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-confetti {
position: absolute;
inset: 0;
overflow: visible;
pointer-events: none;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-confetti span {
position: absolute;
top: 50%;
left: 50%;
width: 7px;
height: 11px;
background: var(–hoox-c);
border-radius: 2px;
opacity: 0;
animation: hoox-confetti-burst 0.9s ease-out forwards;
animation-delay: var(–hoox-d, 0s);
}
@keyframes hoox-confetti-burst {
0% { opacity: 1; transform: translate(-50%, -50%) rotate(0deg) scale(1); }
100% { opacity: 0; transform: translate(calc(-50% + var(–hoox-tx)), calc(-50% + var(–hoox-ty))) rotate(var(–hoox-rz)) scale(0.5); }
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-success-icon {
width: 52px;
height: 52px;
border-radius: 50%;
background: #ECFDF5;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
line-height: 1;
animation: hoox-success-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes hoox-success-pop {
from { opacity: 0; transform: scale(0.5); }
to { opacity: 1; transform: scale(1); }
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-success-text {
margin: 0;
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
color: #111111;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-disabled-state {
display: none;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 12px 0;
text-align: center;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-disabled-icon {
width: 52px;
height: 52px;
border-radius: 50%;
background: #F1F5F9;
display: flex;
align-items: center;
justify-content: center;
color: #64748B;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-disabled-text {
margin: 0;
font-size: 14px;
line-height: 1.6;
color: #64748B;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-disabled-text a {
color: inherit;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-top .hoox-disabled-text a:hover {
text-decoration: none;
}
See What This Could Look Like For You
Takes 30 seconds
Thanks! We’ll be in touch.
The practical takeaway? Your diagnosis matters for expectation-setting. Both conditions respond to targeted herbal TNF alpha blockers, but surface-level inflammation simply heals faster than deep-tissue damage. For deeper understanding IBD mechanisms, recognizing this distinction helps you set realistic recovery timelines.
| Factor | Ulcerative Colitis | Crohn’s Disease (Colon) |
|---|---|---|
| Response Timeline | 4-6 weeks initial relief | 8-12 weeks initial relief |
| Tissue Depth Affected | Mucosa only (inner lining) | Transmural (all layers) |
| Primary Remission Marker | Reduced bleeding, formed stools | Reduced pain, fistula healing |
| Herbal Absorption Speed | Direct mucosal contact | Requires deeper diffusion |
| Typical Remission Timeframe | 8-10 weeks | 14-18 weeks |

The 4-Layer Tissue Penetration Problem That Makes Crohn’s Treatment Slower
Think of your intestinal wall like a layered cake. The mucosa sits on top as the frosting the layer directly contacting whatever you swallow. Beneath it sits the submucosa, then two muscle layers (circular and longitudinal), and finally the serosa or outer covering. Ulcerative colitis annoyingly damages only that top frosting layer, which means any therapeutic compound you ingest makes direct contact with the problem area.
Crohn’s disease ignores boundaries. The inflammation punches through all four layers, creating tunnels, abscesses, and areas where the intestinal wall thickens like scar tissue. Herbal compounds traveling through your digestive tract still encounter the inflammation, but they’re working against a three-dimensional battlefield rather than a surface wound. The deeper the inflammation extends, the longer natural compounds need to saturate those tissues.
This penetration challenge doesn’t mean digestive autoimmune conditions like Crohn’s are untreatable with herbs. It means patience becomes non-negotiable. Patients who abandon natural approaches after four weeks often do so because they don’t understand this layering reality. The herbs are working they just haven’t reached the deeper strata yet. specialized IBD formulations address this by maintaining consistent therapeutic levels in the colon over extended periods.
- Mucosa Inner lining where UC inflammation occurs; direct herbal contact possible
- Submucosa Connective tissue layer; Crohn’s often spreads here within weeks
- Muscularis propria Thick muscle bands; deep Crohn’s inflammation requires sustained treatment
- Subserosa Outer connective tissue; involved in severe transmural Crohn’s cases
- Serosa External surface; perforation risk increases when inflammation reaches this layer

Why Location Matters: Colon-Only Crohn’s vs Pan-Colonic Ulcerative Colitis Response Rates
Here’s where the conversation gets interesting. Not all Crohn’s disease involves the entire digestive tract. When Crohn’s stays isolated to the colon what specialists call colonic Crohn’s disease the response timeline looks remarkably similar to ulcerative colitis. Why? Because even though Crohn’s penetrates deeper, the herbal compounds still concentrate primarily in the colon where distribution remains efficient.
The location rule matters enormously for treatment expectations. Left-sided colitis (affecting only the sigmoid and descending colon) responds faster than pan-colonic UC (affecting the entire colon). Similarly, terminal ileum Crohn’s presents different absorption challenges than pure colonic Crohn’s. The four-herb formula delivers therapeutic compounds throughout the digestive tract, but concentration levels naturally vary by gut region.
Severity staging further complicates predictions. A patient with low-medium severity ulcerative colitis might see bleeding stop within two weeks, while someone with high-severity pan-colonic UC needs significantly more time. four-herb targeted formula dosing accounts for these variables, allowing adjustment based on disease location and severity index.
| Disease Location | Low Severity | Medium Severity | High Severity |
|---|---|---|---|
| Ulcerative Colitis (Left-sided) | 4-5 weeks | 6-8 weeks | 10-12 weeks |
| Ulcerative Colitis (Pan-colonic) | 6-8 weeks | 10-12 weeks | 14-16 weeks |
| Crohn’s (Colon-only) | 6-8 weeks | 10-12 weeks | 14-18 weeks |
| Crohn’s (Ileocolonic) | 10-12 weeks | 14-16 weeks | 18-24 weeks |

The TNFα Blocking Spectrum: Natural vs Synthetic Approaches in 2026 IBD Care
TNFα tumor necrosis factor alpha serves as the primary inflammatory driver in both Crohn’s disease and ulcerative colitis. Your immune system produces this protein as part of its attack response, and in IBD, that attack misfires against your own intestinal tissue. Stopping TNFα calms the inflammatory cascade, which is why both pharmaceutical biologics and herbal compounds target this specific pathway.
Conventional bowel disease management typically involves synthetic anti-TNF medications called biologics. These injectable drugs work powerfully but carry significant cost burdens and potential side effects including increased infection risk. A year of biologic therapy can cost tens of thousands of dollars, and many patients eventually develop antibodies that reduce effectiveness over time.
Natural TNFα blockers take a different route. The four-herb formulation contains compounds that naturally inhibit TNFα production while also providing anti-spasmodic, carminative, and mucosal-protective benefits. Cost runs dramatically lower typically 10-15% of biologic pricing while side effect profiles remain minimal. The trade-off involves speed. Natural approaches take longer to reach full effect but often provide more stable, sustained remission without the immune suppression drawbacks. Understanding our development journey reveals why this multi-pathway approach often succeeds where single-target synthetic drugs fall short.
| Factor | Herbal TNFα Blockers (Four-Herb Formula) | Conventional Biologics |
|---|---|---|
| Mechanism | Multi-pathway: TNFα inhibition + mucosal repair | Single-target TNFα blockade |
| Typical Cost (Annual) | $400-$600 | $15,000-$35,000 |
| Time to Initial Relief | 3-6 weeks | 2-4 weeks |
| Administration | Oral capsules, daily | IV infusion or injection, every 4-8 weeks |
| Common Side Effects | Minimal GI adjustment period | Injection site reactions, infection risk, potential antibody development |
| Remission Stability | Gradual, sustained improvement | Rapid but may require dose escalation |

How to Identify Your Condition: 7 Differentiating Symptoms Between Crohn’s and Colitis
Many patients arrive at their diagnosis uncertain whether they have Crohn’s disease or ulcerative colitis. The conditions share enough symptoms that distinguishing them requires careful observation. While only a gastroenterologist can provide definitive diagnosis through colonoscopy and biopsy, certain patterns strongly suggest one condition over the other.
Rectal bleeding offers a telling distinction. Ulcerative colitis almost always presents with visible blood in the stool because the inflamed mucosa bleeds easily. Crohn’s disease can cause bleeding too, but it’s less consistent and often less profuse. Pain location also differs. UC typically produces cramping in the lower left abdomen, while Crohn’s often causes pain in the lower right quadrant near the ileocecal valve.
patient experiences with both conditions consistently highlight these seven distinguishing factors. Understanding your symptom pattern helps you communicate more effectively with your healthcare provider and set appropriate treatment expectations.
- Rectal Bleeding Pattern UC causes consistent bright red bleeding; Crohn’s bleeding tends intermittent or absent
- Pain Location UC: lower left quadrant; Crohn’s: lower right quadrant or diffuse
- Bowel Movement Frequency UC: urgent, frequent small volumes; Crohn’s: often less urgency despite inflammation
- Weight Loss Crohn’s patients frequently experience significant weight loss due to malabsorption
- Perianal Symptoms Fistulas, abscesses, and anal fissures strongly suggest Crohn’s disease
- Upper GI Symptoms Nausea, mouth sores, or upper abdominal pain point toward Crohn’s
- Family History Patterns Both conditions have genetic components, but family history doesn’t predict which form you’ll develop
The 90-Day Herbal Protocol: What to Expect Week-by-Week for Each Condition
Setting realistic expectations prevents the disappointment that leads patients to abandon treatment prematurely. The four-herb protocol follows a predictable progression, but that progression varies based on whether you’re treating ulcerative colitis or colon-based Crohn’s disease. Here’s what the typical timeline looks like for patients maintaining consistent dosing.
Weeks one through three often feel discouraging. Symptoms persist, and you might notice no improvement yet. This lag phase reflects the time needed for herbal compounds to saturate inflamed tissues and begin modulating TNFα production. Don’t interpret lack of immediate change as treatment failure the underlying work has already started.
By weeks four through six, UC patients typically notice their first real improvements. Bleeding decreases, urgency diminishes, and stool consistency improves. Crohn’s patients usually lag 10-14 days behind this curve. The second month brings accelerating gains, with many UC patients reaching near-normal bowel habits by week eight. Crohn’s patients should expect similar normalization around week twelve. The third month focuses on stabilizing remission and repairing mucosal integrity. start your personalized protocol by consulting with specialists who understand these disease-specific timelines.
| Week Range | Ulcerative Colitis Expectations | Colon-Based Crohn’s Expectations |
|---|---|---|
| Weeks 1-2 | Minimal visible change; underlying TNFα modulation begins | Minimal change; compounds distributing through tissue layers |
| Weeks 3-4 | Bleeding often decreases; urgency may improve | Still minimal symptomatic change; deeper penetration occurring |
| Weeks 5-6 | Noticeable stool improvement; bathroom trips decrease | First signs of bleeding reduction; pain may begin easing |
| Weeks 7-8 | Near-normal habits common; remission possible | Stool consistency improving; bathroom frequency decreasing |
| Weeks 9-10 | Remission maintenance; dietary expansion possible | Significant symptom relief; near-normal patterns emerging |
| Weeks 11-12 | Stable remission typical | Remission achievable for many patients |
Key Takeaways: Matching Your IBD Type to the Right Treatment Intensity
Your path to remission depends on getting three things right: accurate diagnosis, appropriate treatment selection, and realistic timeline expectations. The distinctions between Crohn’s disease and ulcerative colitis aren’t medical trivia they’re practical factors that determine whether you’ll feel better in six weeks or need to commit to a three-month protocol.
The four-herb approach works for both conditions, but it works differently. Surface inflammation responds faster. Deep tissue damage requires patience. Colon-limited disease sees better outcomes than disease affecting multiple digestive regions. Understanding these principles prevents the treatment abandonment cycle that keeps so many IBD patients trapped in suffering. explore comprehensive IBD solutions to find the approach matching your specific diagnosis and severity level.
- Surface vs Deep Tissue Matters UC’s mucosal inflammation heals faster than Crohn’s transmural damage regardless of treatment type
- Location Predicts Response Colon-only Crohn’s responds similarly to UC; widespread disease needs longer treatment
- Natural TNFα Blockers Cost 85-95% Less Without the immune suppression risks associated with synthetic biologics
- Expect a 6-8 Week Differential UC patients typically reach remission nearly two months before Crohn’s patients
- The Four-Herb Formula Addresses Both Multi-pathway approach works across intestinal inflammation types
- Patience During Weeks 1-3 is Critical Early discouragement leads to abandonment before compounds saturate tissues
Frequently Asked Questions: Crohn’s vs Colitis Treatment Decisions
Can herbal TNFα blockers work for severe Crohn’s disease?
Yes, though timelines extend significantly. Severe Crohn’s with deep transmural involvement typically requires 16-24 weeks for substantial improvement, compared to 8-10 weeks for moderate cases. The four-herb formula remains effective, but patients with high-severity disease should commit to a minimum six-month protocol before assessing full response.
Why do some patients say herbs didn’t work for their IBD?
Most often, inadequate treatment duration. Herbal compounds require weeks to reach therapeutic saturation in inflamed tissues. Patients expecting pharmaceutical-speed results often abandon natural approaches during the lag phase before improvements manifest. Consistency matters more than quantity skipping doses or stopping early prevents the cumulative tissue saturation needed for remission.
Does colon-only Crohn’s respond as well as ulcerative colitis?
Nearly as well, with 2-3 week longer timelines. When Crohn’s disease stays confined to the colon, herbal compounds concentrate in the same region where UC inflammation occurs. The transmural nature still slows healing slightly, but response rates approach 80-85% of what UC patients experience. complete FAQ resource provides additional details on colon-specific outcomes.
Can I combine herbal TNFα blockers with conventional medications?
Yes, many patients use both approaches together. The four-herb formula doesn’t interfere with most conventional IBD medications and often allows patients to reduce dosages of stronger pharmaceuticals over time. Always inform your gastroenterologist about all supplements you’re taking to coordinate care appropriately.
How do I know if the four-herb formula is working?
Track three key metrics: bleeding, bathroom frequency, and pain. Bleeding typically responds first, then urgency, then stool consistency. Keep a simple daily log rating each symptom on a 1-10 scale. Most patients see measurable improvement within 4-6 weeks for UC or 8-12 weeks for Crohn’s. Consistent tracking reveals trends that daily subjective feelings might miss.
What makes Kronlitis different from other herbal IBD products?
The four-herb combination specifically targets TNFα modulation. Many herbal products contain single anti-inflammatory herbs at subtherapeutic doses. The Kronlitis formula uses four synergistic herbs at clinically meaningful concentrations, manufactured in Germany under strict quality controls. This combination approach addresses both inflammation suppression and mucosal repair simultaneously, which isolated single-herb products cannot achieve.
@keyframes hoox-lf-in-hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom {
width: 100%;
max-width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 20px;
margin: 48px 0;
padding: 32px 28px;
border-radius: 16px;
background: #ffffff;
color: #111111;
font-family: inherit;
border: 1px solid #E2E8F0;
animation: hoox-lf-in-hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom 0.3s cubic-bezier(0.16, 1, 0.3, 1);
direction: inherit;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-form-header {
display: flex;
flex-direction: column;
gap: 8px;
text-align: center;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-form-header h2 {
margin: 0;
font-size: 1.5em;
font-weight: 700;
line-height: 1.3;
color: #111111;
border: none;
padding: 0;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-form-header p {
margin: 0;
font-size: 1em;
line-height: 1.6;
color: #64748B;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom form[data-hx-form] {
margin: 0;
display: flex;
flex-direction: column;
gap: 14px;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-field-wrap {
position: relative;
width: 100%;
box-sizing: border-box;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-field-wrap input {
width: 100%;
box-sizing: border-box;
height: 44px;
padding-inline-start: 42px;
padding-inline-end: 14px;
border: 1px solid #E2E8F0;
border-radius: 10px;
font-size: 14px;
color: #111111;
font-family: inherit;
background-color: #F8FAFC;
transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
outline: none;
direction: inherit;
text-align: start;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-field-wrap input::placeholder {
color: #94A3B8;
opacity: 1;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-field-wrap input:focus {
background-color: #FFFFFF;
border-color: #0077B6,#00B4D8,#90E0EF;
box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.08);
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-field-icon {
position: absolute;
top: 0;
bottom: 0;
inset-inline-start: 0;
width: 42px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
color: #94A3B8;
transition: color 0.15s ease;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-field-wrap:focus-within .hoox-field-icon {
color: #0077B6,#00B4D8,#90E0EF;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom button[type=”submit”] {
width: 100%;
height: 44px;
margin-top: 4px;
border: none;
border-radius: 10px;
background: #0077B6,#00B4D8,#90E0EF;
color: #FFFFFF;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: opacity 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom button[type=”submit”]:hover {
opacity: 0.94;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom button[type=”submit”]:active {
transform: scale(0.99);
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom button[type=”submit”]:disabled {
opacity: 0.6;
cursor: not-allowed;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-disclaimer {
margin: 0;
text-align: center;
font-size: 12px;
line-height: 1.5;
color: #94A3B8;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-disclaimer a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-disclaimer a:hover {
text-decoration: none;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-success {
display: none;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 12px 0;
position: relative;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-confetti {
position: absolute;
inset: 0;
overflow: visible;
pointer-events: none;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-confetti span {
position: absolute;
top: 50%;
left: 50%;
width: 7px;
height: 11px;
background: var(–hoox-c);
border-radius: 2px;
opacity: 0;
animation: hoox-confetti-burst 0.9s ease-out forwards;
animation-delay: var(–hoox-d, 0s);
}
@keyframes hoox-confetti-burst {
0% { opacity: 1; transform: translate(-50%, -50%) rotate(0deg) scale(1); }
100% { opacity: 0; transform: translate(calc(-50% + var(–hoox-tx)), calc(-50% + var(–hoox-ty))) rotate(var(–hoox-rz)) scale(0.5); }
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-success-icon {
width: 52px;
height: 52px;
border-radius: 50%;
background: #ECFDF5;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
line-height: 1;
animation: hoox-success-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes hoox-success-pop {
from { opacity: 0; transform: scale(0.5); }
to { opacity: 1; transform: scale(1); }
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-success-text {
margin: 0;
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
color: #111111;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-disabled-state {
display: none;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 12px 0;
text-align: center;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-disabled-icon {
width: 52px;
height: 52px;
border-radius: 50%;
background: #F1F5F9;
display: flex;
align-items: center;
justify-content: center;
color: #64748B;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-disabled-text {
margin: 0;
font-size: 14px;
line-height: 1.6;
color: #64748B;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-disabled-text a {
color: inherit;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
#hoox-f-9dd0b81e-3133-4c27-90d0-5520de-bottom .hoox-disabled-text a:hover {
text-decoration: none;
}
See What This Could Look Like For You
Takes 30 seconds
Thanks! We’ll be in touch.

