Living with inflammatory bowel disease means navigating a complex web of symptoms that can shift from mild discomfort to life-altering disruption. Crohn’s disease and ulcerative colitis share overlapping symptoms urgent diarrhea, rectal bleeding, abdominal cramping, and debilitating fatigue but they affect different parts of your digestive tract in distinct ways. Understanding these symptom patterns empowers you to identify flares earlier, communicate effectively with healthcare providers, and explore integrative approaches that address inflammation at its root, not just mask the discomfort.
The Five Severity Stages of IBD Symptoms and What They Mean for Daily Function
Doctors classify inflammatory bowel disease symptoms across five distinct severity levels. This staging system helps medical professionals track disease progression and adjust treatment protocols accordingly. But for patients, these stages represent something far more personal: the difference between managing a career and being unable to leave the house.
Low-severity IBD typically involves occasional bowel irregularity and mild discomfort. You might notice slight changes in bathroom patterns or mild cramping after certain meals. At this stage, most people maintain their normal routines with minimal interruption. The symptoms serve as early warning signs that digestive inflammation is present but controlled.
@keyframes hoox-lf-in-hoox-f-c59230c0-0302-4bb5-b91d-a93047-top {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-top 0.3s cubic-bezier(0.16, 1, 0.3, 1);
direction: inherit;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-top .hoox-form-header {
display: flex;
flex-direction: column;
gap: 8px;
text-align: center;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-top .hoox-form-header p {
margin: 0;
font-size: 1em;
line-height: 1.6;
color: #64748B;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-top form[data-hx-form] {
margin: 0;
display: flex;
flex-direction: column;
gap: 14px;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-top .hoox-field-wrap {
position: relative;
width: 100%;
box-sizing: border-box;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-top .hoox-field-wrap input::placeholder {
color: #94A3B8;
opacity: 1;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-top .hoox-field-wrap:focus-within .hoox-field-icon {
color: #0077B6,#00B4D8,#90E0EF;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-top button[type=”submit”]:hover {
opacity: 0.94;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-top button[type=”submit”]:active {
transform: scale(0.99);
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-top button[type=”submit”]:disabled {
opacity: 0.6;
cursor: not-allowed;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-top .hoox-disclaimer {
margin: 0;
text-align: center;
font-size: 12px;
line-height: 1.5;
color: #94A3B8;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-top .hoox-disclaimer a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-top .hoox-disclaimer a:hover {
text-decoration: none;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-top .hoox-success {
display: none;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 12px 0;
position: relative;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-top .hoox-confetti {
position: absolute;
inset: 0;
overflow: visible;
pointer-events: none;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-top .hoox-success-text {
margin: 0;
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
color: #111111;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-top .hoox-disabled-state {
display: none;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 12px 0;
text-align: center;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-top .hoox-disabled-text {
margin: 0;
font-size: 14px;
line-height: 1.6;
color: #64748B;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-top .hoox-disabled-text a {
color: inherit;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-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.
As you move through medium and high severity levels, the functional impact becomes dramatic. Medium-high severity often means planning your entire day around bathroom access. High severity can confine people to their homes entirely, making work, social gatherings, and even simple errands feel impossible. Recognizing where your symptoms fall on this spectrum helps you advocate for appropriate care before the situation deteriorates further. For more detailed information, see our guide on understanding IBD disease stages.
| Severity Level | Symptom Examples | Functional Impact |
|---|---|---|
| Low | Occasional loose stools, mild bloating | Normal daily activities unaffected |
| Low-Medium | 2-3 bowel movements daily, intermittent cramping | Minor schedule adjustments needed |
| Medium | 4-6 bowel movements, visible blood, fatigue | Work and social life impacted |
| Medium-High | 8+ movements, urgency, nighttime waking | Cannot leave home reliably |
| High | 15+ movements, severe bleeding, weight loss | Complete daily dysfunction |

Ulcerative Colitis Symptoms: Why the Outer Colon Layer Matters
Ulcerative colitis attacks the colon’s innermost lining differently than Crohn’s disease. This condition specifically targets the mucosa, the outer surface layer of the large intestine. Because the inflammation stays局部 and superficial, it creates a predictable pattern of symptoms that primarily involve the rectum and sigmoid colon before potentially spreading upward through the colon.
The location matters because the colon’s lining contains specialized cells that absorb water and produce mucus for lubrication. When inflammation damages these cells, you experience the classic ulcerative colitis signs: bleeding during bowel movements, urgent needs to reach a toilet, and mucus in the stool. The bleeding occurs because the inflamed tissue becomes fragile and bleeds easily when stool passes through.
Pattern recognition becomes essential here. UC symptoms typically worsen in the morning hours and improve as the day progresses. Many patients identify specific food triggers that reliably activate their symptoms. Understanding your personal patterns helps you prepare for difficult periods and recognize when something has changed. Read more about patient experiences with UC symptoms to understand how others have learned to read their bodies.
- Rectal bleeding: Bright red blood on toilet paper or in the bowl indicates colon lining irritation and requires medical evaluation.
- Urgency: The sudden, intense need to have a bowel movement can strike without warning, making bathroom proximity essential.
- Tenesmus: A constant feeling of needing to pass stool even when the colon is empty signals rectal inflammation.
- Mucus discharge: White or yellowish mucus indicates the colon is producing excess secretions to protect inflamed tissue.
- Left-sided abdominal pain: Cramping typically centers on the lower left abdomen where the sigmoid colon sits.
- Frequency without volume: Many small, urgent trips to the bathroom producing minimal results suggests rectal involvement.

Crohn’s Disease Symptoms: From Mouth to Anus and Everything Between
Crohn’s disease operates differently. While ulcerative colitis stays in the colon’s surface layer, Crohn’s can affect any part of your digestive tract from your mouth to your anus. This transmural inflammation penetrates deeper into the intestinal wall, creating symptoms that extend beyond bowel movements into systemic territory.
The patchy nature of Crohn’s creates what doctors call “skip lesions” areas of healthy tissue interspersed with inflamed sections. This pattern means you might experience symptoms in seemingly unrelated parts of your body. Mouth ulcers, joint pain, and skin rashes can all trace back to the same underlying inflammatory process affecting your gut.
Because Crohn’s inflammation goes deeper into the intestinal wall, it can cause complications that UC typically doesn’t. Fistulas, abnormal tunnels connecting the intestine to other organs or the skin surface, develop when deep inflammation burrows through tissue. Strictures, or narrowed sections of intestine, form when inflammation leads to scar tissue buildup. These structural changes create symptoms like bloating, nausea, and vomiting that signal something beyond surface irritation. Learn more about natural approaches for Crohn’s management that address inflammation throughout the digestive tract.
- Oral ulcers: Canker sores and mouth inflammation often appear before or during intestinal flares.
- Abdominal masses: Thickened sections of intestine may feel like lumps during physical examination.
- Perianal disease: Fistulas, fissures, and abscesses around the anus indicate deep tissue involvement.
- Small bowel obstruction: Narrowing from scar tissue causes cramping, bloating, and vomiting after eating.
- Joint pain: Swelling and pain in knees, ankles, and wrists reflects systemic inflammation.
- Skin lesions: Painful red nodules on shins or legs signal extraintestinal Crohn’s activity.
- Eye inflammation: Redness, pain, and light sensitivity can accompany active intestinal disease.
- Delayed growth: Children with Crohn’s may show poor growth or delayed puberty from nutrient malabsorption.

Quick Answer: Core Symptoms Shared by Both Conditions
Crohn’s disease and ulcerative colitis symptoms overlap significantly because both conditions involve chronic inflammation of the digestive tract. These shared manifestations form the core of what doctors call inflammatory bowel disease symptoms, regardless of which specific diagnosis applies.
- Chronic diarrhea: Loose, frequent bowel movements lasting more than four weeks indicate ongoing inflammation.
- Abdominal cramping: Pain that comes in waves and improves after bowel movements suggests intestinal involvement.
- Blood in stool: Visible blood or occult blood detected in testing signals mucosal damage.
- Fatigue: Persistent exhaustion unrelated to activity level reflects anemia and inflammatory burden.
- Weight loss: Unintentional weight loss results from malabsorption and reduced appetite during flares.
Bathroom urgency ranks among the most disruptive shared symptoms. Research indicates that IBD patients experiencing urgency report significantly lower quality of life scores compared to those without urgency symptoms. This symptom drives social isolation, employment challenges, and psychological distress far beyond what its physical description suggests. Explore natural TNFα blockers for inflammation that may help reduce these core symptoms.
How Autoimmune Dysfunction Drives Your IBD Symptoms [2026 Data]
The root cause of your symptoms lies in immune system dysfunction. In a properly functioning body, the immune system attacks harmful invaders like bacteria and viruses. In inflammatory bowel disease, this defense mechanism mistakenly identifies your digestive tissue as a threat and launches an attack against it.
This misguided immune response produces tumor necrosis factor alpha, a protein called TNFα that triggers inflammation cascades. When TNFα levels rise, white blood cells flood into the intestinal tissue, releasing chemicals that cause swelling, heat, pain, and ultimately tissue damage. The symptoms you experience the bleeding, the cramping, the urgency all stem from this underlying immune activation.
According to current medical understanding, IBD involves an inappropriate immune response to intestinal bacteria in genetically susceptible individuals, leading to chronic inflammation and tissue damage.
Understanding this mechanism explains why certain treatments work. Conventional medications often suppress the entire immune system, reducing inflammation but leaving you vulnerable to infections. Biological therapies target specific inflammatory proteins like TNFα, offering more precise intervention. Natural approaches work similarly by helping modulate immune function and reduce inflammatory signaling without complete immune suppression. Read about integrative approaches to IBD that address the autoimmune root of symptoms.
The Symptom Patterns Most Patients Don’t Report But Should
Many people with inflammatory bowel disease suffer silently with symptoms they assume are unrelated or simply part of living with chronic illness. These manifestations, called extraintestinal symptoms, affect up to 40% of IBD patients yet often go unreported during medical appointments.
Fatigue tops this list. Most patients mention being tired, but few describe the bone-deep exhaustion that makes getting out of bed feel like climbing a mountain. This fatigue results from multiple factors: anemia from chronic blood loss, inflammation-related energy depletion, poor sleep from nighttime symptoms, and the metabolic demands of constant immune activation.
- Joint pain and swelling: Inflammatory arthritis affecting large joints often mirrors digestive disease activity.
- Skin problems: Painful red nodules, ulcers, and rashes can appear during flares without obvious connection.
- Eye inflammation: Uveitis and episcleritis cause redness, pain, and vision changes that require prompt treatment.
- Mood changes: Anxiety and depression occur at higher rates in IBD patients than the general population.
- Kidney stones: Dehydration and altered metabolism increase stone formation risk in Crohn’s patients.
- Gallbladder issues: Crohn’s disease affecting the small intestine interferes with bile absorption, promoting stones.
Research shows that patients who track all symptoms, including extraintestinal manifestations, report better communication with healthcare providers and more comprehensive treatment plans.
Tracking these symptoms matters because they often parallel digestive disease activity. When your joints hurt more, your gut inflammation may be worsening too. When your skin clears, your intestinal lining might be healing. This whole-body perspective helps you recognize flares earlier and gauge treatment effectiveness across multiple systems. Explore real patient symptom improvement stories to see how comprehensive symptom tracking helped others.
How Natural Anti-Inflammatory Herbs Target Digestive System Inflammation
Traditional Chinese medicine has addressed inflammatory bowel conditions for centuries using specific herbs that modern research now understands through a scientific lens. These plants work by interfering with the inflammatory cascade at multiple points, including TNFα production, offering a complementary approach to conventional treatments.
Four herbs in particular have demonstrated effectiveness in clinical settings for IBD patients. Indigo naturalis, known as Qing Dai in Chinese medicine, has shown particular promise for ulcerative colitis. Research published in gastroenterology journals has documented remission rates comparable to some biological therapies for this traditional preparation.
The advantage of herbal approaches lies in their multitargeted action. Rather than blocking a single inflammatory pathway, these plants contain dozens of compounds that work together to calm immune activation, soothe inflamed tissue, and support mucosal healing. This comprehensive approach may explain why some patients achieve remission when conventional medications have failed. Learn about the four-herb formula for IBD that combines these natural anti-inflammatory agents.
Cost represents another significant factor. Biological medications can cost thousands of dollars monthly, putting them out of reach for many patients. Herbal preparations, manufactured to pharmaceutical quality standards, offer a more accessible option for long-term maintenance. This affordability allows patients to continue supportive therapy even during periods when insurance coverage or finances fluctuate.
Key Takeaways: Recognizing and Responding to Your IBD Symptoms
Recognizing the distinction between Crohn’s disease signs and ulcerative colitis signs empowers you to understand what’s happening inside your body. While both conditions share core symptoms like diarrhea, bleeding, and abdominal pain, their patterns differ in ways that matter for treatment and daily management.
- Track symptom patterns: Note when symptoms occur, their severity, and any potential triggers to identify your personal flare patterns.
- Document extraintestinal symptoms: Joint pain, skin changes, and fatigue often mirror digestive inflammation levels.
- Recognize severity levels: Understanding whether your symptoms are low, medium, or high severity helps guide treatment decisions.
- Distinguish UC from Crohn’s: UC symptoms focus on the colon with bleeding and urgency; Crohn’s affects the entire tract with wider symptom variety.
- Explore complementary approaches: Natural anti-inflammatory herbs offer additional options for supporting digestive tissue healing.
Your symptoms carry meaning. They tell you when inflammation is rising, when treatments are working, and when something has changed. Learning to read this language transforms you from a passive patient into an active participant in your own care. Take the next step and explore natural IBD support options that align with your health goals.
FAQ: Crohn’s and Ulcerative Colitis Symptoms
Can I have Crohn’s and ulcerative colitis symptoms at the same time?
No. While Crohn’s disease and ulcerative colitis share similar symptoms, research confirms they are distinct conditions with different patterns of digestive tract involvement. Some patients initially diagnosed with one condition later receive a revised diagnosis as symptoms evolve. This overlap affects approximately 10-15% of IBD cases where doctors use the term “IBD-unclassified” until the pattern becomes clearer.
Do IBD symptoms ever go away completely?
Yes. Patients in remission can experience complete symptom resolution for months or years at a time. Remission means no active inflammation is detectable, allowing the intestinal lining to heal and normal function to return. This is the primary goal of treatment. However, remission is not a cure flares can return without warning. The difference between remission and active disease defines how IBD impacts daily life.
How quickly do IBD symptoms typically worsen?
Varies significantly. Some patients experience gradual symptom progression over months or years, while others deteriorate rapidly over weeks. Symptom acceleration often follows triggers like infections, medication changes, or significant stress. Without treatment, approximately half of patients with mild symptoms progress to more severe disease within five years. Early intervention improves long-term outcomes significantly.
Are digestive autoimmune symptoms different from IBS symptoms?
Yes. Irritable bowel syndrome does not involve inflammation or tissue damage, unlike IBD. IBS symptoms like bloating, irregular bowel habits, and discomfort occur without visible intestinal changes. IBD symptoms include bleeding, weight loss, fever, and anemia markers that never appear in IBS alone. This distinction matters because treatments for these conditions differ entirely. IBD requires addressing the inflammatory process and tissue damage, while IBS focuses on symptom management.
What symptom changes indicate I should seek immediate medical care?
Certain red flags require urgent evaluation. High fever, persistent vomiting, severe abdominal distension, heavy rectal bleeding, or signs of bowel obstruction mean you need immediate attention. These symptoms can indicate serious complications like toxic megacolon, bowel perforation, or severe infection. If your usual symptom pattern suddenly changes dramatically, contact your healthcare provider rather than waiting for an appointment. Trust your instincts when something feels different.
Can diet changes reduce IBD symptoms without medication?
Limited evidence supports diet alone for remission. While certain diets may reduce symptoms for some patients, dietary interventions typically complement rather than replace medical treatment. Elimination diets help identify personal trigger foods that worsen symptoms, and nutritional support aids healing. However, diet cannot resolve the underlying autoimmune dysfunction driving inflammation. The most effective approach combines dietary modifications with treatments that address the root inflammatory process.
@keyframes hoox-lf-in-hoox-f-c59230c0-0302-4bb5-b91d-a93047-bottom {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-bottom 0.3s cubic-bezier(0.16, 1, 0.3, 1);
direction: inherit;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-bottom .hoox-form-header {
display: flex;
flex-direction: column;
gap: 8px;
text-align: center;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-bottom .hoox-form-header p {
margin: 0;
font-size: 1em;
line-height: 1.6;
color: #64748B;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-bottom form[data-hx-form] {
margin: 0;
display: flex;
flex-direction: column;
gap: 14px;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-bottom .hoox-field-wrap {
position: relative;
width: 100%;
box-sizing: border-box;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-bottom .hoox-field-wrap input::placeholder {
color: #94A3B8;
opacity: 1;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-bottom .hoox-field-wrap:focus-within .hoox-field-icon {
color: #0077B6,#00B4D8,#90E0EF;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-bottom button[type=”submit”]:hover {
opacity: 0.94;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-bottom button[type=”submit”]:active {
transform: scale(0.99);
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-bottom button[type=”submit”]:disabled {
opacity: 0.6;
cursor: not-allowed;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-bottom .hoox-disclaimer {
margin: 0;
text-align: center;
font-size: 12px;
line-height: 1.5;
color: #94A3B8;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-bottom .hoox-disclaimer a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-bottom .hoox-disclaimer a:hover {
text-decoration: none;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-bottom .hoox-success {
display: none;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 12px 0;
position: relative;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-bottom .hoox-confetti {
position: absolute;
inset: 0;
overflow: visible;
pointer-events: none;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-bottom .hoox-success-text {
margin: 0;
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
color: #111111;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-bottom .hoox-disabled-state {
display: none;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 12px 0;
text-align: center;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-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-c59230c0-0302-4bb5-b91d-a93047-bottom .hoox-disabled-text {
margin: 0;
font-size: 14px;
line-height: 1.6;
color: #64748B;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-bottom .hoox-disabled-text a {
color: inherit;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
#hoox-f-c59230c0-0302-4bb5-b91d-a93047-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.

