/* Custom CSS for E Phong Thủy - Works with Tailwind */
.nav-dropdown{position:relative}.nav-dropdown:hover .dropdown-menu{visibility:visible;opacity:1;transition-delay:0s}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:#374151;font-weight:500;border-radius:.5rem;transition:all .2s;white-space:nowrap;background:0 0;border:none;cursor:pointer}.nav-link:hover{background:#f3f4f6;color:#0284c7}.dropdown-menu{visibility:hidden;opacity:0;transition:visibility 0s linear .5s,opacity .5s linear;position:absolute;top:100%;left:0;min-width:250px;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 25px rgba(0,0,0,.1);padding:.5rem;padding-top:.5rem;margin-top:0;z-index:50}.dropdown-menu::before{content:'';position:absolute;top:-.5rem;left:0;right:0;height:.5rem}.dropdown-menu-wide{min-width:500px}.dropdown-menu-wide .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.dropdown-menu-wide .grid-cols-3{grid-template-columns:repeat(3,1fr)}.dropdown-menu-wide .grid-cols-2{grid-template-columns:repeat(2,1fr)}.dropdown-menu-wide .grid{display:grid !important}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#374151;font-size:.875rem;border-radius:.5rem;transition:all .2s;text-decoration:none}.dropdown-item:hover{background:#f3f4f6;color:#0284c7}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;color:#374151;background:0 0;border:none;cursor:pointer;transition:color .2s}.mobile-menu-btn:hover{color:#0284c7}.mobile-menu-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:#374151;font-weight:500;border-radius:.5rem;background:0 0;border:none;width:100%;text-align:left;cursor:pointer;transition:all .2s;text-decoration:none}.mobile-menu-item:hover{background:#f3f4f6;color:#0284c7}.mobile-submenu{display:none;padding-left:1rem;margin-top:.5rem;border-left:2px solid #e5e7eb}.mobile-submenu.active{display:block}.mobile-submenu a{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#6b7280;font-size:.875rem;border-radius:.5rem;transition:all .2s;text-decoration:none}.mobile-submenu a:hover{background:#f3f4f6;color:#0284c7}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;cursor:pointer;border:none;text-decoration:none;color:#fff}.button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.button-full{width:100%}.button-primary{background:#0284c7}.button-primary:hover{background:#0369a1}.card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s;text-decoration:none;display:block}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.sidebar-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1.5rem}.sidebar-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#111827}.sidebar-title-small{font-size:1.125rem;font-weight:700;margin-bottom:1rem;color:#111827}.sidebar-text{font-size:.875rem;color:#6b7280;line-height:1.5}.search-form{display:flex;flex-direction:column;gap:.75rem}.search-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .2s}.search-input:focus{outline:0;border-color:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.1)}.zodiac-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin-bottom:1rem}.zodiac-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s;cursor:pointer;text-decoration:none;font-size:1.5rem}.zodiac-item:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,.15)}.zodiac-image{width:100%;height:auto;border-radius:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:box-shadow .3s}.zodiac-image:hover{box-shadow:0 4px 16px rgba(0,0,0,.2)}.zodiac-image-link{display:block;margin-bottom:1rem}.related-list{list-style:none;padding:0;margin:0}.related-list li{margin-bottom:.75rem}.related-link{display:flex;align-items:center;gap:.75rem;color:#374151;font-size:.875rem;transition:color .2s;text-decoration:none}.related-link:hover{color:#0284c7}.related-arrow{color:#0284c7;font-weight:700}.content-prose{font-size:1rem;line-height:1.75;color:#374151}.content-prose h1{font-size:1.875rem;font-weight:800;margin:0 0 1rem;color:#111827;line-height:1.2}.content-prose h2{font-size:1.5rem;font-weight:700;margin:2rem 0 1rem;color:#111827;line-height:1.3}.content-prose h3{font-size:1.25rem;font-weight:700;margin:1.5rem 0 .75rem;color:#111827;line-height:1.4}.content-prose h4{font-size:1.125rem;font-weight:700;margin:1.25rem 0 .5rem;color:#111827}.content-prose p{margin:0 0 1rem;color:#374151;line-height:1.75}.content-prose a{color:#0284c7;font-weight:600;transition:all .2s}.content-prose a:hover{color:#0369a1;text-decoration:underline}.content-prose ul,.content-prose ol{margin:0 0 1rem 1.5rem;color:#374151}.content-prose ul{list-style-type:disc}.content-prose ol{list-style-type:decimal}.content-prose li{margin:.5rem 0;line-height:1.75}.content-prose strong{color:#111827;font-weight:700}.content-prose img{max-width:100%;height:auto;border-radius:.5rem;margin:1.5rem 0}.content-prose blockquote{border-left:4px solid #0284c7;padding-left:1rem;margin:1.5rem 0;color:#6b7280;font-style:italic}.info-box{background:#eff6ff;border-left:4px solid #3b82f6;padding:1.5rem;border-radius:.75rem;margin:1.5rem 0}.info-box h3{color:#1e40af;margin-top:0;margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.info-box p{color:#1e3a8a;margin-bottom:0}.warning-box{background:#fef3c7;border-left:4px solid #f59e0b;padding:1.5rem;border-radius:.75rem;margin:1.5rem 0}.warning-box h3{color:#92400e;margin-top:0;margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.warning-box p{color:#78350f;margin-bottom:0}.ad-space{margin:2rem 0}.card-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.5rem 0}.card-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.card-title-blue{color:#0284c7}.card-title-green{color:#16a34a}.card-text{font-size:.875rem;color:#6b7280}.hero{background:linear-gradient(135deg,#eff6ff 0%,#ecfeff 100%);padding:3rem 0}.hero-content{max-width:56rem;margin:0 auto;text-align:center}.hero-subtitle{font-size:1.25rem;color:#6b7280;margin-bottom:2rem}.content-section{padding:3rem 0;background:#fff}.content-layout{display:grid;grid-template-columns:1fr;gap:2rem}.sidebar{display:flex;flex-direction:column;gap:1.5rem}.main-content{width:100%}.cta-section{background:linear-gradient(135deg,#2563eb 0%,#0891b2 100%);padding:3rem 0;color:#fff}.cta-content{max-width:48rem;margin:0 auto;text-align:center}.cta-title{font-size:2.25rem;font-weight:700;margin-bottom:1rem;color:#fff}.cta-subtitle{font-size:1.25rem;margin-bottom:2rem;color:#fff}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.footer{background:#111827;color:#d1d5db;padding:3rem 0}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem}.footer-col{display:flex;flex-direction:column}.footer-logo{height:2.5rem;width:auto;margin-bottom:1.5rem;filter:brightness(0)invert(1)}.footer-text{color:#9ca3af;line-height:1.625;margin-bottom:1.5rem}.footer-title{color:#fff;font-weight:600;font-size:1.125rem;margin-bottom:1.5rem}.footer-list{list-style:none;padding:0;margin:0}.footer-list li{margin-bottom:.75rem}.footer-link{color:#9ca3af;transition:color .2s;text-decoration:none}.footer-link:hover{color:#60a5fa}@media (min-width:768px){.card-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.content-layout{grid-template-columns:1fr 2fr;gap:2rem}.sidebar{order:2}.main-content{order:1}.hero{padding:4rem 0}.content-section{padding:4rem 0}.cta-section{padding:4rem 0}.footer{padding:4rem 0}.footer-grid{grid-template-columns:repeat(4,1fr);gap:3rem}.zodiac-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:1023px){.content-layout{grid-template-columns:1fr}.sidebar{order:1}.main-content{order:2}}@media (max-width:767px){.content-prose h1{font-size:1.5rem}.content-prose h2{font-size:1.25rem}.content-prose h3{font-size:1.125rem}.hero-content h1{font-size:2rem}.cta-title{font-size:1.75rem}.zodiac-grid{grid-template-columns:repeat(3,1fr)}}

/* --- EXTRACTED FROM INLINE HTML STYLES --- */
.gradient-text{background:linear-gradient(135deg,#0ea5e9,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#0284c7;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0369a1}.badge{display:inline-block;padding:.25rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:600}.layout{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media (max-width: 1024px){.layout{grid-template-columns:1fr}}
/* === BUTTON COLOR CLASSES (Tailwind subset) === */
.bg-blue-600{background:#2563eb !important}.bg-blue-700{background:#1d4ed8 !important}.hover\:bg-blue-700:hover{background:#1d4ed8 !important}
.bg-green-600{background:#16a34a !important}.bg-green-700{background:#15803d !important}.hover\:bg-green-700:hover{background:#15803d !important}
.bg-red-600{background:#dc2626 !important}.bg-red-700{background:#b91c1c !important}.hover\:bg-red-700:hover{background:#b91c1c !important}
.bg-orange-600{background:#ea580c !important}.bg-orange-700{background:#c2410c !important}.hover\:bg-orange-700:hover{background:#c2410c !important}
.bg-pink-600{background:#db2777 !important}.bg-pink-700{background:#be185d !important}.hover\:bg-pink-700:hover{background:#be185d !important}
.bg-purple-600{background:#9333ea !important}.bg-purple-700{background:#7e22ce !important}.hover\:bg-purple-700:hover{background:#7e22ce !important}
.bg-yellow-600{background:#ca8a04 !important}.bg-yellow-700{background:#a16207 !important}.hover\:bg-yellow-700:hover{background:#a16207 !important}
.bg-amber-600{background:#d97706 !important}.bg-amber-700{background:#b45309 !important}.hover\:bg-amber-700:hover{background:#b45309 !important}
.bg-emerald-600{background:#059669 !important}.bg-emerald-700{background:#047857 !important}.hover\:bg-emerald-700:hover{background:#047857 !important}
.bg-teal-600{background:#0d9488 !important}.bg-teal-700{background:#0f766e !important}.hover\:bg-teal-700:hover{background:#0f766e !important}
.bg-sky-600{background:#0284c7 !important}.bg-sky-700{background:#0369a1 !important}.hover\:bg-sky-700:hover{background:#0369a1 !important}
.bg-cyan-600{background:#0891b2 !important}.bg-cyan-700{background:#0e7490 !important}.hover\:bg-cyan-700:hover{background:#0e7490 !important}
.bg-lime-600{background:#65a30d !important}.bg-lime-700{background:#4d7c0f !important}.hover\:bg-lime-700:hover{background:#4d7c0f !important}
.bg-indigo-600{background:#4f46e5 !important}.bg-indigo-700{background:#4338ca !important}.hover\:bg-indigo-700:hover{background:#4338ca !important}
.bg-rose-600{background:#e11d48 !important}.bg-rose-700{background:#be123c !important}.hover\:bg-rose-700:hover{background:#be123c !important}
.bg-gray-600{background:#4b5563 !important}.bg-gray-700{background:#374151 !important}.hover\:bg-gray-700:hover{background:#374151 !important}
.bg-slate-600{background:#475569 !important}.bg-slate-700{background:#334155 !important}.hover\:bg-slate-700:hover{background:#334155 !important}
/* Text color classes for buttons */
.text-blue-600{color:#2563eb}.text-red-600{color:#dc2626}.text-green-600{color:#16a34a}.text-orange-600{color:#ea580c}
.text-pink-600{color:#db2777}.text-purple-600{color:#9333ea}.text-yellow-600{color:#ca8a04}.text-amber-600{color:#d97706}
.text-emerald-600{color:#059669}.text-teal-600{color:#0d9488}.text-sky-600{color:#0284c7}.text-indigo-600{color:#4f46e5}
/* Ensure .button always inherits parent color if no bg set */
.button.bg-blue-600,.button.bg-green-600,.button.bg-red-600,.button.bg-orange-600,
.button.bg-pink-600,.button.bg-purple-600,.button.bg-yellow-600,.button.bg-amber-600,
.button.bg-emerald-600,.button.bg-teal-600,.button.bg-sky-600,.button.bg-cyan-600,
.button.bg-lime-600,.button.bg-indigo-600,.button.bg-rose-600,.button.bg-gray-600{color:#fff !important}
/* w-full for buttons */
.w-full{width:100% !important}.text-center{text-align:center}


/* --- INDEX.HTML CUSTOM TAILWIND CLASSES --- */
/* Primary = Sky blue palette */
.text-primary-50{color:#f0f9ff}.text-primary-100{color:#e0f2fe}.text-primary-400{color:#38bdf8}.text-primary-500{color:#0ea5e9}.text-primary-600{color:#0284c7}.text-primary-700{color:#0369a1}
.bg-primary-50{background:#f0f9ff}.bg-primary-100{background:#e0f2fe}.bg-primary-600{background:#0284c7}.bg-primary-700{background:#0369a1}
.border-primary-600{border-color:#0284c7}
.ring-primary-500{--tw-ring-color:#0ea5e9}.focus\:ring-primary-500:focus{--tw-ring-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e9}
.hover\:text-primary-600:hover{color:#0284c7}.hover\:text-primary-700:hover{color:#0369a1}
.hover\:bg-primary-50:hover{background:#f0f9ff}.hover\:bg-primary-700:hover{background:#0369a1}
.focus\:ring-primary-500:focus{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),0 0 0 calc(2px + var(--tw-ring-offset-width,0px)) #0ea5e9,var(--tw-shadow,0 0 #0000)}
.after\:bg-primary-600::after{background:#0284c7}
/* Secondary = Amber palette */
.text-secondary-50{color:#fffbeb}.text-secondary-500{color:#f59e0b}.text-secondary-600{color:#d97706}.text-secondary-700{color:#b45309}
.bg-secondary-50{background:#fffbeb}.bg-secondary-600{background:#d97706}.bg-secondary-700{background:#b45309}
.ring-secondary-500{--tw-ring-color:#f59e0b}.focus\:ring-secondary-500:focus{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),0 0 0 calc(2px + var(--tw-ring-offset-width,0px)) #f59e0b,var(--tw-shadow,0 0 #0000)}
.hover\:text-secondary-600:hover{color:#d97706}.hover\:text-secondary-700:hover{color:#b45309}
.hover\:bg-secondary-700:hover{background:#b45309}
/* Accent = Emerald palette */
.text-accent-50{color:#ecfdf5}.text-accent-500{color:#10b981}.text-accent-600{color:#059669}.text-accent-700{color:#047857}
.bg-accent-50{background:#ecfdf5}
.ring-accent-500{--tw-ring-color:#10b981}.focus\:ring-accent-500:focus{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),0 0 0 calc(2px + var(--tw-ring-offset-width,0px)) #10b981,var(--tw-shadow,0 0 #0000)}
.hover\:text-accent-600:hover{color:#059669}.hover\:text-accent-700:hover{color:#047857}
/* Shadows */
.shadow-card{box-shadow:0 1px 3px rgba(0,0,0,.1)}.shadow-card-hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.shadow-header{box-shadow:0 1px 3px rgba(0,0,0,.1)}
.hover\:shadow-card-hover:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}
/* Duration */
.duration-default{transition-duration:200ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
/* Nav dropdown for index.html */
.nav-item .nav-dropdown{opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}
.nav-item:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
/* Container override */
.container{max-width:1200px;margin:0 auto;padding:0 1rem}
@media(min-width:1024px){.container{padding:0 2rem}}
/* Focus ring offset */
.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px}
.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}
/* === PREVENT HORIZONTAL OVERFLOW === */
html,body{overflow-x:hidden;max-width:100vw;height:auto}
*,*::before,*::after{box-sizing:border-box}
/* === GLOBAL LINK RESET === */
a{text-decoration:none}
footer a,footer a:link,footer a:visited,footer a:active{color:#9ca3af !important;text-decoration:none !important}
footer a:hover{color:#60a5fa !important;text-decoration:none !important}
footer h3{color:#fff !important}
footer ul{list-style:disc;padding-left:1.25rem}
footer li{color:#9ca3af}
header a,header a:visited{color:inherit;text-decoration:none}
/* === GLOBAL IMAGE OPTIMIZATION (SEO + Performance) 2026 === */
img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}
figure{margin:1.5rem 0;text-align:center}
figcaption{font-size:.85rem;color:#64748b;margin-top:.5rem;text-align:center}
.content-prose img{border-radius:.5rem;box-shadow:0 2px 8px rgba(0,0,0,.08);margin:1.5rem auto}
header img,footer img,a img,.zodiac-item img{display:inline-block;margin:0}
/* AdSense Optimization Classes 2026 */
.adsense-container{width:100%;background:#f9fafb;border:1px solid #f3f4f6;border-radius:.5rem;overflow:hidden;margin:20px 0;text-align:center;}
.sidebar-sticky{position:-webkit-sticky;position:sticky;top:5.5rem}
@media (max-width:1023px){.sidebar-sticky{position:static}}

/* === TAILWIND UTILITY CLASSES (for homepage without CDN) === */
/* Layout */
.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.block{display:block}
.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}
.items-center{align-items:center}.items-start{align-items:flex-start}
.justify-center{justify-content:center}.justify-between{justify-content:space-between}
.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.space-x-4>:not([hidden])~:not([hidden]){margin-left:1rem}.space-x-6>:not([hidden])~:not([hidden]){margin-left:1.5rem}
.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-3>:not([hidden])~:not([hidden]){margin-top:.75rem}
/* Positioning */
.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}
.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}
.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-16{margin-bottom:4rem}
.mt-12{margin-top:3rem}
.p-2{padding:.5rem}.p-6{padding:1.5rem}.pt-8{padding-top:2rem}
.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}
/* Sizing */
.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-20{width:5rem}.w-auto{width:auto}
.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-48{height:12rem}
.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}
.max-h-\[80vh\]{max-height:80vh}
/* Typography */
.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-semibold{font-weight:600}
.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}
.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}.text-6xl{font-size:3.75rem;line-height:1}
.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* Colors */
.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-gray-700{color:#374151}.text-gray-900{color:#111827}
.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-900{background-color:#111827}
.bg-white\/95{background-color:rgba(255,255,255,.95)}
/* Borders */
.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}
.border-gray-200{border-color:#e5e7eb}.border-gray-800{border-color:#1f2937}.border-white{border-color:#fff}
.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}
/* Effects */
.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}
.object-cover{object-fit:cover}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
/* Gradients */
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.from-primary-600{--tw-gradient-from:#0284c7;--tw-gradient-to:rgba(2,132,199,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-primary-700{--tw-gradient-to:#0369a1}
.from-secondary-50{--tw-gradient-from:#fffbeb;--tw-gradient-to:rgba(255,251,235,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-accent-50{--tw-gradient-to:#ecfdf5}
/* Group hover */
.group:hover .group-hover\:scale-110{transform:scale(1.1)}
/* Hover states */
.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.hover\:-translate-y-2:hover{transform:translateY(-.5rem)}
.hover\:bg-gray-50:hover{background-color:#f9fafb}
.hover\:bg-white\/10:hover{background-color:rgba(255,255,255,.1)}
.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.hover\:text-blue-600:hover{color:#2563eb}
.hover\:text-gray-700:hover{color:#374151}
.hover\:text-primary-400:hover{color:#38bdf8}
.hover\:text-white:hover{color:#fff}
/* Focus states */
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:ring-gray-500:focus{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),0 0 0 2px #6b7280,var(--tw-shadow,0 0 #0000)}
/* Responsive */
@media(min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:768px){.md\:flex-row{flex-direction:row}.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\:mb-0{margin-bottom:0}}
@media(min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-12{height:3rem}.lg\:h-20{height:5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:gap-8{gap:2rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-6xl{font-size:3.75rem;line-height:1}}

/* === ACCESSIBILITY: sr-only + focus-visible === */
.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}
.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\:top-2:focus{top:.5rem}
.focus\:left-2:focus{left:.5rem}
.focus\:z-\[9999\]:focus{z-index:9999}
.focus\:bg-white:focus{background-color:#fff}
.focus\:text-blue-700:focus{color:#1d4ed8}
.focus\:px-4:focus{padding-left:1rem;padding-right:1rem}
.focus\:py-2:focus{padding-top:.5rem;padding-bottom:.5rem}
.focus\:rounded-lg:focus{border-radius:.5rem}
.focus\:shadow-lg:focus{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.focus\:font-bold:focus{font-weight:700}
/* Global focus-visible for accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #0284c7;outline-offset:2px;border-radius:2px}