/* Inline style refactor utilities & component classes */

/* Icon sizes */
.icon-16{font-size:16px;}
.icon-18{font-size:18px;}
.icon-20{font-size:20px;}
.icon-24{font-size:24px;}
.icon-30{font-size:30px;}
.icon-32{font-size:32px;}
.icon-40{font-size:40px;}
.icon-48{font-size:48px;}

/* Text colors */
.text-primary{color:var(--cs-primary)!important;}
.text-secondary{color:var(--cs-secondary)!important;}
.text-accent{color:var(--cs-accent)!important;}
.text-accent-light{color:var(--cs-accent-light)!important;}
.text-success{color:var(--cs-success)!important;}
.text-warning{color:var(--cs-warning)!important;}
.text-danger{color:var(--cs-danger)!important;}
.text-info{color:var(--cs-info)!important;}
.text-gray-600{color:var(--cs-gray-600)!important;}
.text-gray-700{color:var(--cs-gray-700)!important;}
.text-gray-800{color:var(--cs-gray-800)!important;}

/* Flex helpers */
.flex{display:flex;}
.flex-col{display:flex;flex-direction:column;}
.flex-center{display:flex;align-items:center;justify-content:center;}
.flex-align-center{display:flex;align-items:center;}
.flex-between{display:flex;justify-content:space-between;align-items:center;}
.flex-wrap{flex-wrap:wrap;}
.gap-4{gap:4px;}
.gap-6{gap:6px;}
.gap-8{gap:8px;}
.gap-10{gap:10px;}
.gap-12{gap:12px;}
.gap-16{gap:16px;}

/* Spacing utilities */
.mb-0{margin-bottom:0!important;}
.mb-2{margin-bottom:.5rem!important;}
.mb-4{margin-bottom:1rem!important;}
.mb-6{margin-bottom:1.5rem!important;}
.mb-8{margin-bottom:2rem!important;}
.mb-12{margin-bottom:3rem!important;}
.mt-0{margin-top:0!important;}
.mt-4{margin-top:1rem!important;}
.mt-6{margin-top:1.5rem!important;}
.mt-8{margin-top:2rem!important;}
.mt-12{margin-top:3rem!important;}
.mx-auto{margin-left:auto!important;margin-right:auto!important;}

/* Width utilities */
.max-w-500{max-width:500px;}
.max-w-600{max-width:600px;}
.max-w-800{max-width:800px;}

/* Opacity */
.opacity-70{opacity:.7;}

/* Headings with icons */
.heading-icon{display:flex;align-items:center;gap:12px;}
.heading-icon-sm{display:flex;align-items:center;gap:10px;}

/* Social icons */
.social-icons{display:flex;gap:1rem;margin-top:1rem;}
.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.08);border-radius:50%;transition:background .3s;}
.social-icon:hover{background:rgba(255,255,255,0.15);}

/* Footer contact lines */
.contact-line{display:flex;align-items:center;gap:8px;}

/* Stats grid */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--cs-gray-200);}
.stat-item{text-align:center;}
.stat-value{font-size:2.25rem;font-weight:700;color:var(--cs-secondary);margin-bottom:.5rem;}
.stat-label{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--cs-gray-500);font-weight:600;}

/* Vertical button list */
.vertical-button-group{display:flex;flex-direction:column;gap:.75rem;}

/* Card variants */
.card-muted{background:var(--cs-gray-50)!important;border:1px solid var(--cs-gray-200)!important;}
.card-alt{background:var(--cs-gray-50)!important;border:2px solid var(--cs-gray-200)!important;}

/* Feature icons */
.feature-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;}
.bg-gradient-primary-secondary{background:linear-gradient(135deg,var(--cs-primary),var(--cs-secondary));}
.bg-gradient-success{background:linear-gradient(135deg,var(--cs-success),#34d399);}
.bg-gradient-accent{background:linear-gradient(135deg,var(--cs-accent),var(--cs-accent-light));}
.bg-gradient-warning{background:linear-gradient(135deg,var(--cs-warning),#fbbf24);}

/* Avatar circle */
.avatar-circle{width:60px;height:60px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;}

/* Testimonial blockquote */
.testimonial-quote{font-size:1.3rem;font-style:italic;color:var(--cs-gray-700);margin-bottom:2rem;max-width:800px;line-height:1.6;}

/* Secure list item */
.secure-item{display:flex;align-items:center;gap:12px;padding:1rem;background:white;border-radius:var(--radius-lg);border:1px solid var(--cs-gray-200);}

/* Section blocks */
.section-block{margin-bottom:3rem;}

/* Form section headings */
.form-section-heading{display:flex;align-items:center;gap:10px;font-size:1.1rem;margin-bottom:1.5rem;color:var(--cs-gray-700);}

/* Mission focus grid */
.mission-focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;}
.focus-option{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--cs-gray-50);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);border:2px solid transparent;}
.focus-option input[type=checkbox]{width:18px;height:18px;}
.focus-option:hover{border-color:var(--cs-accent-light);}

/* Agreement section */
.agreement-section{display:flex;align-items:flex-start;gap:.75rem;padding:1.5rem;background:var(--cs-gray-50);border-radius:var(--radius-lg);border:2px solid var(--cs-gray-200);}
.checkbox-lg{width:18px;height:18px;}
.checkbox-xl{width:20px;height:20px;}

/* Button group */
.button-group{display:flex;gap:1.5rem;justify-content:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--cs-gray-200);}

/* Card icons (application process) */
.card-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;}

/* Alignment helpers */
.mobile-center{text-align:center;}

/* Utility backgrounds */
.bg-gray-50{background:var(--cs-gray-50)!important;}
.border-gray-200{border:1px solid var(--cs-gray-200)!important;}
.border-gray-100{border:2px solid var(--cs-gray-100)!important;}

/* Quote icon spacing */
.quote-icon-wrapper{margin-bottom:2rem;}

/* Icon text group */
.icon-text{display:flex;align-items:center;gap:8px;}

/* Link alignment buttons (quick actions) */
.btn-left{justify-content:flex-start;}

/* Remove inline justification helpers */
.justify-start{justify-content:flex-start;}

/* Circle gradient classes for previously inline styles (ensure any typos like borderW-radius handled) */
.circle-80{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;}

/* Misc */
.mxw-600{max-width:600px;}
.mxw-800{max-width:800px;}