/* Custom CSS for E Phong Thủy - Works with Tailwind */
.nav-dropdown{position:relative}.nav-dropdown:hover .dropdown-menu{display:block}.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{display:none;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;margin-top:.5rem;z-index:50}.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)}}