/* ============================================
   Doctor IT Service - Complete Utility CSS
   Generated from homepage class audit
   Total: All classes from your site
   ============================================ */

/* ===== PREFLIGHT (CSS RESET) ===== */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
::before,::after{--tw-content:''}
html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}
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}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
ol,ul,menu{list-style:none;margin:0;padding:0}
textarea{resize:vertical}
::placeholder{color:#9ca3af;opacity:1}

/* ===== DISPLAY ===== */
.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.contents{display:contents}

/* ===== FLEXBOX ===== */
.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}
.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}
.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-around{justify-content:space-around}

/* ===== GRID ===== */
.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}

/* ===== GAP ===== */
.gap-1{gap:0.25rem}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-16{gap:4rem}

/* ===== WIDTH ===== */
.w-0{width:0}.w-1{width:0.25rem}.w-1\.5{width:0.375rem}.w-2{width:0.5rem}.w-3{width:0.75rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-32{width:8rem}.w-39{width:9.75rem}.w-64{width:16rem}.w-80{width:20rem}.w-96{width:24rem}.w-1\/2{width:50%}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}
.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}

/* ===== HEIGHT ===== */
.h-0\.5{height:0.125rem}.h-1{height:0.25rem}.h-1\.5{height:0.375rem}.h-2{height:0.5rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-32{height:8rem}.h-56{height:14rem}.h-64{height:16rem}.h-80{height:20rem}.h-96{height:24rem}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-px{height:1px}
.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}

/* ===== MIN/MAX ===== */
.min-h-screen{min-height:100vh}
.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-3xl{max-width:48rem}.max-w-7xl{max-width:80rem}

/* ===== POSITION ===== */
.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}
.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}
.top-1\/2{top:50%}.left-1\/2{left:50%}
.-top-4{top:-1rem}.-bottom-4{bottom:-1rem}.-left-4{left:-1rem}.-right-4{right:-1rem}
.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}

/* ===== MARGIN ===== */
.m-0{margin:0}.m-4{margin:1rem}.m-6{margin:1.5rem}.m-8{margin:2rem}
.mx-auto{margin-left:auto;margin-right:auto}
.my-2{margin-top:0.5rem;margin-bottom:0.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-8{margin-top:2rem;margin-bottom:2rem}
.mt-0{margin-top:0}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-20{margin-top:5rem}
.mb-0{margin-bottom:0}.mb-2{margin-bottom:0.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}
.mr-2{margin-right:0.5rem}.mr-4{margin-right:1rem}
.ml-2{margin-left:0.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}
.-mt-1{margin-top:-0.25rem}.-mt-2{margin-top:-0.5rem}.-mb-1{margin-bottom:-0.25rem}

/* ===== PADDING ===== */
.p-0{padding:0}.p-2{padding:0.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.p-12{padding:3rem}
.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}.px-8{padding-left:2rem;padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.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-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}
.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pt-16{padding-top:4rem}
.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-20{padding-bottom:5rem}
.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}

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

/* ===== FONT SIZE ===== */
.text-xs{font-size:0.75rem}.text-sm{font-size:0.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.text-7xl{font-size:4.5rem}

/* ===== FONT WEIGHT ===== */
.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}

/* ===== TEXT TRANSFORM ===== */
.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}

/* ===== LETTER SPACING ===== */
.tracking-tight{letter-spacing:-0.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:0.025em}.tracking-wider{letter-spacing:0.05em}.tracking-widest{letter-spacing:0.1em}
.tracking-\[0\.2em\]{letter-spacing:0.2em}

/* ===== LINE HEIGHT ===== */
.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.75}.leading-loose{line-height:2}

/* ===== TEXT COLOR ===== */
.text-transparent{color:transparent}
.text-white{color:#ffffff}.text-white\/80{color:rgba(255,255,255,0.8)}
.text-black{color:#000000}
.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}
.text-red-400{color:#f87171}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-red-700{color:#991b1b}
.text-red-600\/20{color:rgba(220,38,38,0.2)}.text-red-600\/30{color:rgba(220,38,38,0.3)}
.text-green-500{color:#22c55e}
.text-orange-500{color:#f97316}
.text-yellow-300{color:#fde047}.text-yellow-400{color:#facc15}

/* ===== BACKGROUND COLOR ===== */
.bg-transparent{background:transparent}
.bg-white{background:#ffffff}
.bg-white\/5{background:rgba(255,255,255,0.05)}.bg-white\/10{background:rgba(255,255,255,0.1)}.bg-white\/20{background:rgba(255,255,255,0.2)}
.bg-black{background:#000000}
.bg-black\/50{background:rgba(0,0,0,0.5)}.bg-black\/60{background:rgba(0,0,0,0.6)}
.bg-gray-100{background:#f3f4f6}.bg-gray-600{background:#4b5563}.bg-gray-700{background:#374151}
.bg-red-500{background:#ef4444}.bg-red-600{background:#dc2626}
.bg-red-600\/5{background:rgba(220,38,38,0.05)}.bg-red-600\/10{background:rgba(220,38,38,0.1)}.bg-red-600\/20{background:rgba(220,38,38,0.2)}
.bg-blue-600{background:#2563eb}.bg-blue-600\/5{background:rgba(37,99,235,0.05)}
.bg-green-600{background:#16a34a}
.bg-amber-600{background:#d97706}
.bg-orange-600{background:#ea580c}
.bg-yellow-600{background:#ca8a04}
.bg-teal-600{background:#0d9488}
.bg-purple-600{background:#9333ea}

/* ===== BACKGROUND GRADIENT ===== */
.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}
.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}
.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))}

/* ===== GRADIENT FROM ===== */
.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-white{--tw-gradient-from:#fff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-black{--tw-gradient-from:#000;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-gray-50{--tw-gradient-from:#f9fafb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-gray-900{--tw-gradient-from:#111827;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-gray-900\/90{--tw-gradient-from:rgba(17,24,39,0.9);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-red-400{--tw-gradient-from:#f87171;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-red-50{--tw-gradient-from:#fef2f2;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-red-50\/10{--tw-gradient-from:rgba(254,242,242,0.1);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-red-50\/20{--tw-gradient-from:rgba(254,242,242,0.2);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-red-50\/30{--tw-gradient-from:rgba(254,242,242,0.3);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-red-500{--tw-gradient-from:#ef4444;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-red-500\/20{--tw-gradient-from:rgba(239,68,68,0.2);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-red-600{--tw-gradient-from:#dc2626;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-red-600\/5{--tw-gradient-from:rgba(220,38,38,0.05);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-red-600\/10{--tw-gradient-from:rgba(220,38,38,0.1);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-red-600\/20{--tw-gradient-from:rgba(220,38,38,0.2);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-red-600\/30{--tw-gradient-from:rgba(220,38,38,0.3);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-red-600\/40{--tw-gradient-from:rgba(220,38,38,0.4);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-blue-50{--tw-gradient-from:#eff6ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-blue-600{--tw-gradient-from:#2563eb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-green-50{--tw-gradient-from:#f0fdf4;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-green-500{--tw-gradient-from:#22c55e;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-green-600{--tw-gradient-from:#16a34a;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-amber-50{--tw-gradient-from:#fffbeb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-amber-600{--tw-gradient-from:#d97706;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-orange-50{--tw-gradient-from:#fff7ed;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-orange-600{--tw-gradient-from:#ea580c;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-yellow-50{--tw-gradient-from:#fefce8;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-yellow-600{--tw-gradient-from:#ca8a04;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-teal-50{--tw-gradient-from:#f0fdfa;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-teal-600{--tw-gradient-from:#0d9488;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-purple-50{--tw-gradient-from:#faf5ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-purple-600{--tw-gradient-from:#9333ea;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}

/* ===== GRADIENT TO ===== */
.to-transparent{--tw-gradient-to:transparent}
.to-white{--tw-gradient-to:#fff}
.to-black{--tw-gradient-to:#000}.to-black\/90{--tw-gradient-to:rgba(0,0,0,0.9)}
.to-gray-900{--tw-gradient-to:#111827}
.to-red-50{--tw-gradient-to:#fef2f2}.to-red-100{--tw-gradient-to:#fee2e2}
.to-red-400{--tw-gradient-to:#f87171}.to-red-400\/30{--tw-gradient-to:rgba(248,113,113,0.3)}
.to-red-500{--tw-gradient-to:#ef4444}.to-red-500\/20{--tw-gradient-to:rgba(239,68,68,0.2)}
.to-red-600{--tw-gradient-to:#dc2626}.to-red-600\/5{--tw-gradient-to:rgba(220,38,38,0.05)}
.to-red-700{--tw-gradient-to:#991b1b}.to-red-700\/20{--tw-gradient-to:rgba(153,27,27,0.2)}
.to-antiquewhite{--tw-gradient-to:#faebd7}
.to-blue-100{--tw-gradient-to:#dbeafe}.to-blue-400{--tw-gradient-to:#60a5fa}.to-blue-500{--tw-gradient-to:#3b82f6}
.to-green-100{--tw-gradient-to:#dcfce7}.to-green-400{--tw-gradient-to:#4ade80}.to-green-500{--tw-gradient-to:#22c55e}.to-green-600{--tw-gradient-to:#16a34a}
.to-amber-100{--tw-gradient-to:#fef3c7}.to-amber-400{--tw-gradient-to:#fbbf24}.to-amber-500{--tw-gradient-to:#f59e0b}
.to-orange-100{--tw-gradient-to:#ffedd5}.to-orange-400{--tw-gradient-to:#fb923c}.to-orange-500{--tw-gradient-to:#f97316}
.to-yellow-100{--tw-gradient-to:#fef9c3}.to-yellow-400{--tw-gradient-to:#facc15}.to-yellow-500{--tw-gradient-to:#eab308}
.to-teal-100{--tw-gradient-to:#ccfbf1}.to-teal-400{--tw-gradient-to:#2dd4bf}.to-teal-500{--tw-gradient-to:#14b8a6}
.to-purple-100{--tw-gradient-to:#f3e8ff}.to-purple-400{--tw-gradient-to:#c084fc}.to-purple-500{--tw-gradient-to:#a855f7}

/* ===== GRADIENT VIA ===== */
.via-transparent{--tw-gradient-stops:var(--tw-gradient-from),transparent,var(--tw-gradient-to)}
.via-white{--tw-gradient-stops:var(--tw-gradient-from),#fff,var(--tw-gradient-to)}
.via-black{--tw-gradient-stops:var(--tw-gradient-from),#000,var(--tw-gradient-to)}
.via-gray-50\/80{--tw-gradient-stops:var(--tw-gradient-from),rgba(249,250,251,0.8),var(--tw-gradient-to)}
.via-red-300{--tw-gradient-stops:var(--tw-gradient-from),#fca5a5,var(--tw-gradient-to)}
.via-red-400{--tw-gradient-stops:var(--tw-gradient-from),#f87171,var(--tw-gradient-to)}
.via-red-500\/5{--tw-gradient-stops:var(--tw-gradient-from),rgba(239,68,68,0.05),var(--tw-gradient-to)}
.via-red-600{--tw-gradient-stops:var(--tw-gradient-from),#dc2626,var(--tw-gradient-to)}
.via-red-600\/40{--tw-gradient-stops:var(--tw-gradient-from),rgba(220,38,38,0.4),var(--tw-gradient-to)}

/* ===== BORDER ===== */
.border{border:1px solid #e5e7eb}.border-0{border:0}.border-2{border-width:2px}.border-4{border-width:4px}
.border-b{border-bottom:1px solid #e5e7eb}.border-t{border-top:1px solid #e5e7eb}.border-l-4{border-left-width:4px}
.border-white{border-color:#fff}.border-white\/20{border-color:rgba(255,255,255,0.2)}
.border-gray-100{border-color:#f3f4f6}.border-gray-800{border-color:#1f2937}
.border-red-100{border-color:#fee2e2}
.border-red-500\/0{border-color:rgba(239,68,68,0)}.border-red-500\/20{border-color:rgba(239,68,68,0.2)}.border-red-500\/30{border-color:rgba(239,68,68,0.3)}.border-red-500\/50{border-color:rgba(239,68,68,0.5)}
.border-red-600\/20{border-color:rgba(220,38,38,0.2)}.border-red-600\/30{border-color:rgba(220,38,38,0.3)}

/* ===== BORDER RADIUS ===== */
.rounded-none{border-radius:0}.rounded-sm{border-radius:0.125rem}.rounded{border-radius:0.25rem}.rounded-lg{border-radius:0.5rem}.rounded-xl{border-radius:0.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}

/* ===== SHADOW ===== */
.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1)}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1)}
.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1)}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}
.shadow-red-200{box-shadow:0 0 15px rgba(254,202,202,0.5)}
.shadow-red-500\/10{box-shadow:0 0 15px rgba(239,68,68,0.1)}
.shadow-red-600\/10{box-shadow:0 0 15px rgba(220,38,38,0.1)}

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

/* ===== OPACITY ===== */
.opacity-0{opacity:0}.opacity-20{opacity:0.2}.opacity-80{opacity:0.8}
.opacity-\[0\.02\]{opacity:0.02}.opacity-\[0\.15\]{opacity:0.15}

/* ===== TRANSITION ===== */
.transition{transition:all 0.3s ease}.transition-all{transition:all 0.3s ease}.transition-colors{transition:color 0.3s ease,background-color 0.3s ease}.transition-opacity{transition:opacity 0.3s ease}.transition-transform{transition:transform 0.3s ease}
.duration-300{transition-duration:0.3s}.duration-500{transition-duration:0.5s}.duration-700{transition-duration:0.7s}
.ease-in-out{transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,0.2,1)}

/* ===== TRANSFORM ===== */
.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.translate-y-1\/2{--tw-translate-y:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}

/* ===== HOVER ===== */
.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hover\:bg-red-600:hover{background:#dc2626}.hover\:bg-red-700:hover{background:#991b1b}
.hover\:bg-red-500\/20:hover{background:rgba(239,68,68,0.2)}.hover\:bg-red-800\/20:hover{background:rgba(153,27,27,0.2)}
.hover\:bg-white\/20:hover{background:rgba(255,255,255,0.2)}
.hover\:bg-gray-800\/50:hover{background:rgba(31,41,55,0.5)}
.hover\:bg-gradient-to-r:hover{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.hover\:text-white:hover{color:#fff}.hover\:text-red-300:hover{color:#fca5a5}.hover\:text-red-600:hover{color:#dc2626}
.hover\:border-red-600:hover{border-color:#dc2626}
.hover\:border-red-300:hover{border-color:#fca5a5}.hover\:border-red-500\/50:hover{border-color:rgba(239,68,68,0.5)}
.hover\:border-amber-300:hover{border-color:#fcd34d}.hover\:border-blue-300:hover{border-color:#93c5fd}
.hover\:border-green-300:hover{border-color:#86efac}.hover\:border-orange-300:hover{border-color:#fdba74}
.hover\:border-purple-300:hover{border-color:#d8b4fe}.hover\:border-teal-300:hover{border-color:#5eead4}
.hover\:border-yellow-300:hover{border-color:#fde047}
.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1)}
.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}
.hover\:shadow-red-200:hover{box-shadow:0 0 15px rgba(254,202,202,0.5)}
.hover\:shadow-red-500\/20:hover{box-shadow:0 0 15px rgba(239,68,68,0.2)}
.hover\:shadow-red-500\/30:hover{box-shadow:0 0 15px rgba(239,68,68,0.3)}
.hover\:shadow-red-600\/20:hover{box-shadow:0 0 15px rgba(220,38,38,0.2)}

/* ===== FOCUS ===== */
.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}
.focus\:absolute:focus{position:absolute}
.focus\:left-4:focus{left:1rem}.focus\:top-4:focus{top:1rem}.focus\:z-50:focus{z-index:50}
.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}
.focus\:py-2:focus{padding-top:0.5rem;padding-bottom:0.5rem}
.focus\:bg-red-600:focus{background:#dc2626}
.focus\:text-white:focus{color:#fff}
.focus\:rounded-lg:focus{border-radius:0.5rem}

/* ===== CURSOR ===== */
.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}

/* ===== OBJECT FIT ===== */
.object-cover{object-fit:cover}.object-contain{object-fit:contain}.object-center{object-position:center}

/* ===== SPACE BETWEEN ===== */
.space-y-2>*+*{margin-top:0.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}

/* ===== SR-ONLY ===== */
.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}

/* ===== ANIMATIONS ===== */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{50%{opacity:.5}}
@keyframes slide{from{transform:translateX(-100%)}to{transform:translateX(0)}}
.animate-fade-in-up{animation:fadeInUp 0.6s ease forwards}
.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}
.animate-on-scroll.visible{opacity:1;transform:translateY(0)}
.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}
.animate-slide{animation:slide 0.5s ease forwards}

/* ===== BACKDROP ===== */
.backdrop-blur-sm{backdrop-filter:blur(4px)}.backdrop-blur-md{backdrop-filter:blur(12px)}

/* ===== BG CLIP ===== */
.bg-clip-text{-webkit-background-clip:text;background-clip:text}

/* ===== RING ===== */
.ring-1{box-shadow:0 0 0 1px rgba(0,0,0,0.05)}.ring-2{box-shadow:0 0 0 2px rgba(0,0,0,0.05)}

/* ===== DIVIDE ===== */
.divide-y>*+*{border-top:1px solid #e5e7eb}.divide-x>*+*{border-left:1px solid #e5e7eb}

/* ===== LIST STYLE ===== */
.list-none{list-style:none}.list-disc{list-style:disc}

/* ===== TEXT DECORATION ===== */
.underline{text-decoration:underline}.no-underline{text-decoration:none}

/* ===== WHITESPACE ===== */
.whitespace-nowrap{white-space:nowrap}

/* ===== WORD BREAK ===== */
.break-words{overflow-wrap:break-word}

/* ===== RESIZE ===== */
.resize-none{resize:none}

/* ===== SELECT ===== */
.select-none{user-select:none}

/* ===== POINTER EVENTS ===== */
.pointer-events-none{pointer-events:none}

/* ========== RESPONSIVE ========== */
@media(min-width:640px){
    .sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
    .sm\:text-left{text-align:left}.sm\:w-1\/2{width:50%}
    .container{max-width:640px}
}
@media(min-width:768px){
    .md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}
    .md\:gap-12{gap:3rem}
    .md\:py-28{padding-top:7rem;padding-bottom:7rem}
    .md\:text-4xl{font-size:2.25rem}.md\:text-5xl{font-size:3rem}.md\:text-6xl{font-size:3.75rem}
    .md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.33%}
    .container{max-width:768px}
}
@media(min-width:1024px){
    .lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}
    .lg\:flex-row{flex-direction:row}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}
    .lg\:items-center{align-items:center}.lg\:justify-center{justify-content:center}.lg\:justify-end{justify-content:flex-end}
    .lg\:gap-0{gap:0}.lg\:gap-16{gap:4rem}
    .lg\:mt-0{margin-top:0}.lg\:mb-0{margin-bottom:0}
    .lg\:px-0{padding-left:0;padding-right:0}.lg\:px-8{padding-left:2rem;padding-right:2rem}
    .lg\:pl-16{padding-left:4rem}.lg\:pr-16{padding-right:4rem}
    .lg\:text-4xl{font-size:2.25rem}.lg\:text-6xl{font-size:3.75rem}.lg\:text-7xl{font-size:4.5rem}
    .lg\:text-right{text-align:right}
    .lg\:w-1\/2{width:50%}.lg\:w-2\/5{width:40%}.lg\:w-3\/5{width:60%}.lg\:w-auto{width:auto}
    .container{max-width:1024px}
}
@media(min-width:1280px){
    .xl\:text-5xl{font-size:3rem}
    .container{max-width:1280px}
}