/* Tailwind CSS v3 Build - CrewIO Landing Page */
/* Generated: Custom build with only used utilities */

/* === PREFLIGHT / RESET === */
*,*::before,*::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;--tw-gradient-from-position: ;--tw-gradient-to-position: ;--tw-gradient-from:transparent;--tw-gradient-to:transparent;--tw-gradient-stops:transparent}
html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;line-height:inherit}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
button,input,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,[role="button"]{cursor:pointer}
button{background-color:transparent;background-image:none}
ul,ol{list-style:none;margin:0;padding:0}
p,h1,h2,h3,h4,h5,h6{margin:0}
hr{height:0;color:inherit;border-top-width:1px}
table{text-indent:0;border-color:inherit;border-collapse:collapse}

/* === LAYOUT & DISPLAY === */
.flex{display:flex}
.inline-flex{display:inline-flex}
.inline-block{display:inline-block}
.grid{display:grid}
.hidden{display:none}
.absolute{position:absolute}
.relative{position:relative}
.fixed{position:fixed}

/* === FLEX DIRECTION & WRAP === */
.flex-col{flex-direction:column}
.flex-row{flex-direction:row}
.flex-row-reverse{flex-direction:row-reverse}
.flex-wrap{flex-wrap:wrap}
.flex-1{flex:1 1 0%}
.shrink-0{flex-shrink:0}

/* === GRID === */
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}
.grid-cols-\[1fr_1\.4fr\]{grid-template-columns:1fr 1.4fr}

/* === POSITIONING === */
.inset-0{inset:0}
.top-0{top:0}
.left-0{left:0}
.right-0{right:0}
.bottom-0{bottom:0}
.top-6{top:1.5rem}
.right-6{right:1.5rem}
.-top-1{top:-0.25rem}
.-right-1{right:-0.25rem}

/* === Z-INDEX === */
.z-10{z-index:10}
.z-50{z-index:50}
.z-\[60\]{z-index:60}
.z-\[100\]{z-index:100}

/* === TRANSFORMS === */
.translate-x-5{--tw-translate-x:1.25rem;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}
.-translate-x-1\/2{--tw-translate-x:-50%;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}

/* === OVERFLOW === */
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}

/* === OBJECT FIT === */
.object-cover{object-fit:cover}
.min-w-0{min-width:0}

/* === FLEX/GRID ALIGNMENT === */
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}

/* === COL SPAN === */
.col-span-1{grid-column:span 1/span 1}
.col-span-2{grid-column:span 2/span 2}
.col-span-4{grid-column:span 4/span 4}

/* === SPACE === */
.-space-x-1\.5>*+*{margin-left:-0.375rem}
.space-y-1>*+*{margin-top:0.25rem}
.space-y-2>*+*{margin-top:0.5rem}
.space-y-3>*+*{margin-top:0.75rem}
.space-y-4>*+*{margin-top:1rem}
.space-y-10>*+*{margin-top:2.5rem}

/* === PADDING === */
.p-2{padding:0.5rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.px-1\.5{padding-left:0.375rem;padding-right:0.375rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.px-0\.5{padding-left:0.125rem;padding-right:0.125rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-32{padding-top:8rem;padding-bottom:8rem}
.pt-1{padding-top:0.25rem}
.pt-2{padding-top:0.5rem}
.pt-8{padding-top:2rem}
.pt-24{padding-top:6rem}
.pt-32{padding-top:8rem}
.pb-3{padding-bottom:0.75rem}
.pb-5{padding-bottom:1.25rem}
.pb-6{padding-bottom:1.5rem}
.pb-24{padding-bottom:6rem}

/* === MARGIN === */
.mx-auto{margin-left:auto;margin-right:auto}
.mt-1{margin-top:0.25rem}
.mt-2{margin-top:0.5rem}
.mt-2\.5{margin-top:0.625rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mt-9{margin-top:2.25rem}
.mt-10{margin-top:2.5rem}
.mt-16{margin-top:4rem}
.mt-32{margin-top:8rem}
.mb-1{margin-bottom:0.25rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.mb-12{margin-bottom:3rem}
.mb-16{margin-bottom:4rem}
.mb-20{margin-bottom:5rem}
.mb-24{margin-bottom:6rem}
.mb-32{margin-bottom:8rem}

/* === GAP === */
.gap-0\.5{gap:0.125rem}
.gap-1{gap:0.25rem}
.gap-1\.5{gap:0.375rem}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.gap-10{gap:2.5rem}
.gap-12{gap:3rem}
.gap-16{gap:4rem}

/* === WIDTH === */
.w-2\.5{width:0.625rem}
.w-3{width:0.75rem}
.w-3\.5{width:0.875rem}
.w-4{width:1rem}
.w-5{width:1.25rem}
.w-6{width:1.5rem}
.w-7{width:1.75rem}
.w-8{width:2rem}
.w-10{width:2.5rem}
.w-11{width:2.75rem}
.w-12{width:3rem}
.w-14{width:3.5rem}
.w-24{width:6rem}
.w-full{width:100%}
.w-\[280px\]{width:280px}
.w-\[18px\]{width:18px}

/* === HEIGHT === */
.h-1\.5{height:0.375rem}
.h-2{height:0.5rem}
.h-2\.5{height:0.625rem}
.h-3{height:0.75rem}
.h-4{height:1rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-7{height:1.75rem}
.h-8{height:2rem}
.h-10{height:2.5rem}
.h-11{height:2.75rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-24{height:6rem}
.h-\[90vh\]{height:90vh}
.h-\[18px\]{height:18px}
.min-h-screen{min-height:100vh}

/* === MAX WIDTH === */
.max-w-lg{max-width:32rem}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-5xl{max-width:64rem}
.max-w-6xl{max-width:72rem}
.max-w-7xl{max-width:80rem}
.max-w-\[1360px\]{max-width:1360px}

/* === TEXT COLOR === */
.text-white{color:#fff}
.text-gray-300{color:#d1d5db}
.text-gray-400{color:#9ca3af}
.text-gray-500{color:#6b7280}
.text-gray-600{color:#4b5563}
.text-emerald-400{color:#34d399}
.text-emerald-500{color:#10b981}
.text-emerald-600{color:#059669}
.text-emerald-700{color:#047857}
.text-red-400{color:#f87171}
.text-red-500{color:#ef4444}
.text-red-600{color:#dc2626}
.text-amber-400{color:#fbbf24}
.text-amber-500{color:#f59e0b}
.text-amber-600{color:#d97706}
.text-orange-400{color:#fb923c}
.text-purple-400{color:#c084fc}
.text-purple-600{color:#9333ea}
.text-pink-400{color:#f472b6}
.text-sky-400{color:#38bdf8}
.text-indigo-400{color:#818cf8}
.text-cyan-400{color:#22d3ee}
.text-rose-400{color:#fb7185}
.text-blue-600{color:#2563eb}
.text-crewio-accent{color:#1dabea}
.text-crewio-primary{color:#667eea}
.text-\[\#1f2937\]{color:#1f2937}
.text-\[\#64748b\]{color:#64748b}
.text-\[\#1a202c\]{color:#1a202c}

/* === FONT WEIGHT === */
.font-bold{font-weight:700}
.font-semibold{font-weight:600}
.font-medium{font-weight:500}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}

/* === FONT SIZE === */
.text-\[7px\]{font-size:7px}
.text-\[8px\]{font-size:8px}
.text-\[9px\]{font-size:9px}
.text-\[10px\]{font-size:10px}
.text-xs{font-size:0.75rem;line-height:1rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-5xl{font-size:3rem;line-height:1}

/* === LINE HEIGHT === */
.leading-relaxed{line-height:1.625}

/* === TEXT ALIGN === */
.text-center{text-align:center}
.text-left{text-align:left}

/* === LIST === */
.list-disc{list-style-type:disc}
.list-inside{list-style-position:inside}

/* === BACKGROUND COLOR === */
.bg-transparent{background-color:transparent}
.bg-white{background-color:#fff}
.bg-\[\#08080D\]{background-color:#08080D}
.bg-\[\#f0f2f5\]{background-color:#f0f2f5}
.bg-gray-100{background-color:#f3f4f6}
.bg-gray-200{background-color:#e5e7eb}
.bg-gray-300{background-color:#d1d5db}
.bg-gray-400{background-color:#9ca3af}
.bg-gray-700{background-color:#374151}
.bg-red-50{background-color:#fef2f2}
.bg-red-100{background-color:#fee2e2}
.bg-red-500{background-color:#ef4444}
.bg-red-600{background-color:#dc2626}
.bg-emerald-50{background-color:#ecfdf5}
.bg-emerald-100{background-color:#d1fae5}
.bg-emerald-500{background-color:#10b981}
.bg-amber-50{background-color:#fffbeb}
.bg-amber-400{background-color:#fbbf24}
.bg-purple-50{background-color:#faf5ff}
.bg-purple-400{background-color:#c084fc}
.bg-purple-600{background-color:#9333ea}
.bg-pink-400{background-color:#f472b6}
.bg-rose-500{background-color:#f43f5e}
.bg-teal-400{background-color:#2dd4bf}
.bg-teal-600{background-color:#0d9488}
.bg-cyan-600{background-color:#0891b2}
.bg-blue-50{background-color:#eff6ff}
.bg-blue-600{background-color:#2563eb}
.bg-indigo-400{background-color:#818cf8}
.bg-indigo-600{background-color:#4f46e5}
.bg-orange-400{background-color:#fb923c}
.bg-orange-500{background-color:#f97316}
.bg-crewio-primary{background-color:#667eea}
.bg-crewio-dark\/95{background-color:rgb(10 10 15/0.95)}

/* === BACKGROUND OPACITY VARIANTS === */
.bg-white\/5{background-color:rgb(255 255 255/0.05)}
.bg-white\/10{background-color:rgb(255 255 255/0.1)}
.bg-red-500\/10{background-color:rgb(239 68 68/0.1)}
.bg-amber-500\/10{background-color:rgb(245 158 11/0.1)}
.bg-orange-500\/10{background-color:rgb(249 115 22/0.1)}
.bg-purple-500\/10{background-color:rgb(168 85 247/0.1)}
.bg-emerald-500\/10{background-color:rgb(16 185 129/0.1)}
.bg-emerald-500\/30{background-color:rgb(16 185 129/0.3)}
.bg-amber-500\/30{background-color:rgb(245 158 11/0.3)}
.bg-purple-500\/30{background-color:rgb(168 85 247/0.3)}
.bg-crewio-primary\/10{background-color:rgb(102 126 234/0.1)}
.bg-crewio-primary\/20{background-color:rgb(102 126 234/0.2)}
.bg-crewio-primary\/30{background-color:rgb(102 126 234/0.3)}
.bg-pink-500\/10{background-color:rgb(236 72 153/0.1)}
.bg-sky-500\/10{background-color:rgb(14 165 233/0.1)}
.bg-indigo-500\/10{background-color:rgb(99 102 241/0.1)}
.bg-cyan-500\/10{background-color:rgb(6 182 212/0.1)}
.bg-rose-500\/10{background-color:rgb(244 63 94/0.1)}

/* === GRADIENTS === */
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.from-crewio-primary{--tw-gradient-from:#667eea var(--tw-gradient-from-position);--tw-gradient-to:rgb(102 126 234/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-crewio-accent{--tw-gradient-to:#1dabea var(--tw-gradient-to-position)}
.from-emerald-400{--tw-gradient-from:#34d399 var(--tw-gradient-from-position);--tw-gradient-to:rgb(52 211 153/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}
.from-amber-400{--tw-gradient-from:#fbbf24 var(--tw-gradient-from-position);--tw-gradient-to:rgb(251 191 36/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}
.from-purple-400{--tw-gradient-from:#c084fc var(--tw-gradient-from-position);--tw-gradient-to:rgb(192 132 252/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}
.from-pink-400{--tw-gradient-from:#f472b6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(244 114 182/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-rose-500{--tw-gradient-to:#f43f5e var(--tw-gradient-to-position)}
.from-teal-400{--tw-gradient-from:#2dd4bf var(--tw-gradient-from-position);--tw-gradient-to:rgb(45 212 191/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-cyan-600{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)}
.from-indigo-400{--tw-gradient-from:#818cf8 var(--tw-gradient-from-position);--tw-gradient-to:rgb(129 140 248/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}
.from-orange-400{--tw-gradient-from:#fb923c var(--tw-gradient-from-position);--tw-gradient-to:rgb(251 146 60/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-red-500{--tw-gradient-to:#ef4444 var(--tw-gradient-to-position)}

/* === BORDERS === */
.border{border-width:1px}
.border-t{border-top-width:1px}
.border-b{border-bottom-width:1px}
.border-2{border-width:2px}
.border-\[6px\]{border-width:6px}
.border-white\/5{border-color:rgb(255 255 255/0.05)}
.border-white\/10{border-color:rgb(255 255 255/0.1)}
.border-gray-100{border-color:#f3f4f6}
.border-gray-200{border-color:#e5e7eb}
.border-emerald-300{border-color:#6ee7b7}
.border-red-300{border-color:#fca5a5}
.border-crewio-primary{border-color:#667eea}
.border-crewio-primary\/20{border-color:rgb(102 126 234/0.2)}
.border-dashed{border-style:dashed}

/* === BORDER RADIUS === */
.rounded{border-radius:0.25rem}
.rounded-md{border-radius:0.375rem}
.rounded-lg{border-radius:0.5rem}
.rounded-xl{border-radius:0.75rem}
.rounded-2xl{border-radius:1rem}
.rounded-full{border-radius:9999px}
.rounded-\[2\.5rem\]{border-radius:2.5rem}
.rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}

/* === BOX SHADOW === */
.shadow-sm{box-shadow:0 1px 2px 0 rgb(0 0 0/0.05)}
.shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1)}
.shadow-xl{box-shadow:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1)}
.shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0/0.25)}
.shadow-red-500\/30{--tw-shadow-color:rgb(239 68 68/0.3);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}
.shadow-crewio-primary\/25{--tw-shadow-color:rgb(102 126 234/0.25);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}

/* === BACKDROP === */
.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}

/* === OPACITY === */
.opacity-20{opacity:0.2}
.opacity-60{opacity:0.6}

/* === TRANSITIONS === */
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}

/* === MISSING UTILITIES === */
/* Arbitrary values */
.bg-\[\#08080D\]{background-color:#08080D}
.bg-\[\#f0f2f5\]{background-color:#f0f2f5}
.bg-\[var\(--bg-tertiary\)\]{background-color:var(--bg-tertiary)}
.border-\[var\(--border-subtle\)\]{border-color:var(--border-subtle)}
.bg-black\/60{background-color:rgb(0 0 0/0.6)}
.border-\[6px\]{border-width:6px}
.border-gray-700{border-color:#374151}
.rounded-\[2\.5rem\]{border-radius:2.5rem}
.rounded-sm{border-radius:0.125rem}
.w-\[280px\]{width:280px}
.w-\[18px\]{width:18px}
.h-\[18px\]{height:18px}
.max-w-\[1360px\]{max-width:1360px}
.max-h-\[90vh\]{max-height:90vh}
.w-9{width:2.25rem}
.h-9{height:2.25rem}
.w-fit{width:fit-content}
.h-full{height:100%}
.z-\[60\]{z-index:60}
.z-\[100\]{z-index:100}
.text-\[\#1a202c\]{color:#1a202c}
.text-\[\#1f2937\]{color:#1f2937}
.text-\[\#64748b\]{color:#64748b}
.text-\[7px\]{font-size:7px}
.text-\[8px\]{font-size:8px}
.text-\[9px\]{font-size:9px}
.text-\[10px\]{font-size:10px}
/* Opacity background variants */
.bg-white\/5{background-color:rgb(255 255 255/0.05)}
.bg-white\/10{background-color:rgb(255 255 255/0.1)}
.bg-crewio-primary\/10{background-color:rgb(102 126 234/0.1)}
.bg-crewio-primary\/20{background-color:rgb(102 126 234/0.2)}
.bg-crewio-primary\/30{background-color:rgb(102 126 234/0.3)}
.bg-crewio-dark\/95{background-color:rgb(10 10 15/0.95)}
.bg-red-500\/10{background-color:rgb(239 68 68/0.1)}
.bg-amber-500\/10{background-color:rgb(245 158 11/0.1)}
.bg-amber-500\/30{background-color:rgb(245 158 11/0.3)}
.bg-orange-500\/10{background-color:rgb(249 115 22/0.1)}
.bg-purple-500\/10{background-color:rgb(168 85 247/0.1)}
.bg-emerald-500\/10{background-color:rgb(16 185 129/0.1)}
.bg-emerald-500\/30{background-color:rgb(16 185 129/0.3)}
.bg-pink-500\/10{background-color:rgb(236 72 153/0.1)}
.bg-sky-500\/10{background-color:rgb(14 165 233/0.1)}
.bg-indigo-500\/10{background-color:rgb(99 102 241/0.1)}
.bg-cyan-500\/10{background-color:rgb(6 182 212/0.1)}
.bg-rose-500\/10{background-color:rgb(244 63 94/0.1)}
/* Opacity border variants */
.border-white\/5{border-color:rgb(255 255 255/0.05)}
.border-white\/10{border-color:rgb(255 255 255/0.1)}
.border-crewio-primary\/20{border-color:rgb(102 126 234/0.2)}
/* Missing spacing */
.gap-0\.5{gap:0.125rem}
.gap-1\.5{gap:0.375rem}
.px-0\.5{padding-left:0.125rem;padding-right:0.125rem}
.px-1\.5{padding-left:0.375rem;padding-right:0.375rem}
.px-10{padding-left:2.5rem;padding-right:2.5rem}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.pb-0{padding-bottom:0}
.mt-0\.5{margin-top:0.125rem}
.mt-2\.5{margin-top:0.625rem}
/* Missing sizes */
.w-2\.5{width:0.625rem}
.w-3\.5{width:0.875rem}
.h-1\.5{height:0.375rem}
.h-2\.5{height:0.625rem}
.h-3\.5{height:0.875rem}
/* Space */
.-space-x-1\.5>*+*{margin-left:-0.375rem}
/* Cursor & overflow */
.cursor-pointer{cursor:pointer}
.overflow-y-auto{overflow-y:auto}
/* Shadow color variants */
.shadow-red-500\/30{--tw-shadow-color:rgb(239 68 68/0.3);box-shadow:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}

/* === HOVER STATES === */
.hover\:text-white:hover{color:#fff}
.hover\:text-crewio-accent:hover{color:#1dabea}
.hover\:underline:hover{text-decoration-line:underline}
.hover\:bg-white\/5:hover{background-color:rgb(255 255 255/0.05)}
.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1)}
.hover\:shadow-crewio-primary\/25:hover{--tw-shadow-color:rgb(102 126 234/0.25);box-shadow:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}

/* === ACCESSIBILITY === */
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

/* === RESPONSIVE: sm (640px) === */
@media(min-width:640px){
.sm\:flex{display:flex}
.sm\:hidden{display:none}
}

/* === RESPONSIVE: md (768px) === */
@media(min-width:768px){
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.md\:gap-8{gap:2rem}
.md\:gap-12{gap:3rem}
.md\:py-32{padding-top:8rem;padding-bottom:8rem}
.md\:py-40{padding-top:10rem;padding-bottom:10rem}
.md\:px-14{padding-left:3.5rem;padding-right:3.5rem}
.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}
.md\:text-5xl{font-size:3rem;line-height:1}
.md\:inline-flex{display:inline-flex}
.md\:inline-block{display:inline-block}
.md\:col-span-1{grid-column:span 1/span 1}
}

/* === RESPONSIVE: lg (1024px) === */
@media(min-width:1024px){
.lg\:flex{display:flex}
.lg\:hidden{display:none}
.lg\:flex-row{flex-direction:row}
.lg\:flex-row-reverse{flex-direction:row-reverse}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lg\:w-1\/2{width:50%}
.lg\:pt-0{padding-top:0}
.lg\:grid-cols-\[1fr_1\.4fr\]{grid-template-columns:1fr 1.4fr}
}