/* Patek Philippe Vivid Style - Auto-themed */
:root {
    --mhfg-yellow: #f5ca25;
    --mhfg-yellow-dark: #dcae2f;
    --mhfg-yellow-light: #f5d068;
    --mhfg-black: #000000;
    --mhfg-charcoal: #1b2314;
    --mhfg-gray: #253035;
    --mhfg-gray-light: #4d454d;
    --mhfg-bg: #FFFFFF;
    --mhfg-bg-alt: #FFF0F0;
    --mhfg-text: #29230a;
    --mhfg-text-light: #716c67;
    --mhfg-border: #f5cbcc;
    --mhfg-shadow: 0 4px 20px rgba(0,0,0,0.08);
    --mhfg-shadow-yellow: rgba(245,197,44,0.3);
    --mhfg-success: #2e9e4b;
    --mhfg-danger: #d92d46;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    line-height: 1.7;
    color: var(--mhfg-text);
    background: var(--mhfg-bg);
    background-image: 
        radial-gradient(circle at 20% 50%, rgba(245,199,36,0.02) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(245,194,47,0.015) 0%, transparent 50%),
        linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
    background-attachment: fixed;
    font-size: 16px;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(245,196,39,0.008) 2px, rgba(245,206,46,0.008) 4px),
        repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(245,197,38,0.005) 2px, rgba(245,199,49,0.005) 4px);
    pointer-events: none;
    z-index: 0;
    animation: mhfg-grid-shift 20s linear infinite;
}

@keyframes mhfg-grid-shift {
    0% { transform: translate(0, 0); }
    100% { transform: translate(4px, 4px); }
}

body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 10% 20%, rgba(245,193,41,0.03) 0%, transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(245,196,48,0.025) 0%, transparent 40%),
        radial-gradient(circle at 50% 50%, rgba(245,206,40,0.015) 0%, transparent 60%);
    pointer-events: none;
    z-index: 0;
    animation: mhfg-bg-pulse 15s ease-in-out infinite;
}

@keyframes mhfg-bg-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

body > * {
    position: relative;
    z-index: 1;
}

.mhfg-container {
    max-width:1500px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
}

.mhfg-container::before,
.mhfg-container::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, transparent, rgba(245,192,51,0.1), transparent);
    top: 0;
    opacity: 0.3;
}

.mhfg-container::before {
    left: 0;
}

.mhfg-container::after {
    right: 0;
}

@media (max-width: 768px) {
    .mhfg-header { position: relative !important; }
    .mhfg-header { position: relative !important; }
    .mhfg-company-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 21px !important;
        gap: 19px !important;
    }
    
    .mhfg-company-logo {
        width: 140px !important;
        height: 85px !important;
        margin: 0 auto !important;
    }

    .mhfg-container::before,
    .mhfg-container::after {
        display: none;
    }
}

/* Decorative Elements */
.mhfg-decorative-dot {
    position: absolute;
    width: 10px;
    height: 10px;
    background: radial-gradient(circle, var(--mhfg-yellow) 0%, var(--mhfg-yellow-dark) 100%);
    border-radius: 50%;
    opacity: 0.4;
    animation: mhfg-dot-pulse 3s ease-in-out infinite;
    box-shadow: 
        0 0 10px rgba(245,199,43,0.5),
        inset 0 1px 2px rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

@keyframes mhfg-dot-pulse {
    0%, 100% { 
        transform: scale(1); 
        opacity: 0.4; 
        box-shadow: 0 0 10px rgba(245,205,37,0.5), inset 0 1px 2px rgba(255, 255, 255, 0.3);
    }
    50% { 
        transform: scale(1.6); 
        opacity: 0.7; 
        box-shadow: 0 0 20px rgba(245,202,36,0.8), inset 0 1px 2px rgba(255, 255, 255, 0.4);
    }
}

.mhfg-decorative-line {
    position: absolute;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow-light), var(--mhfg-yellow), var(--mhfg-yellow-light), transparent);
    opacity: 0.25;
    animation: mhfg-line-move 4s ease-in-out infinite;
    box-shadow: 0 0 8px rgba(245,195,39,0.4);
    border-radius: 1px;
}

@keyframes mhfg-line-move {
    0%, 100% { 
        transform: translateX(0); 
        opacity: 0.25;
    }
    50% { 
        transform: translateX(25px); 
        opacity: 0.4;
    }
}

/* Price Ticker */
.mhfg-ticker {
    background: linear-gradient(135deg, var(--mhfg-black) 0%, var(--mhfg-charcoal) 50%, var(--mhfg-black) 100%);
    color: #ffffff;
    padding: 11px 0;
    border-bottom: 3px solid var(--mhfg-yellow);
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.mhfg-ticker::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow), transparent);
    animation: mhfg-shimmer 3s infinite;
    box-shadow: 0 2px 10px rgba(245,191,38,0.4);
}

.mhfg-ticker::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(245,202,49,0.3), transparent);
}

@keyframes mhfg-shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

.mhfg-ticker-track {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 37px;
    flex-wrap: wrap;
    padding: 0 24px;
}

.mhfg-ticker-item {
    display: flex;
    align-items: center;
    gap: 15px;
    white-space: nowrap;
    padding: 5px 15px;
    border-radius: 5px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.mhfg-ticker-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(245,204,41,0.1);
    border-radius: 3px;
    opacity: 0;
    transition: opacity 0.3s;
}

.mhfg-ticker-item:hover::before {
    opacity: 1;
}

.mhfg-ticker-item:hover {
    transform: translateY(-2px);
}

.mhfg-ticker-metal {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 600;
}

.mhfg-ticker-price {
    font-size: 18px;
    font-weight: 800;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 0 20px rgba(245,205,40,0.4);
    position: relative;
}

.mhfg-ticker-change {
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}

.mhfg-ticker-change--up {
    color: var(--mhfg-success);
}

.mhfg-ticker-change--down {
    color: var(--mhfg-danger);
}

.mhfg-ticker-separator {
    width: 1px;
    height: 24px;
    background: rgba(255, 255, 255, 0.2);
}

.mhfg-ticker-update {
    text-align: center;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 8px;
}

.mhfg-ticker-live {
    width: 11px;
    height: 8px;
    background: var(--mhfg-success);
    border-radius: 50%;
    display: inline-block;
    animation: mhfg-pulse 2s infinite;
}

@keyframes mhfg-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Header */
.mhfg-header {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.95) 100%);
    border-bottom: 4px solid var(--mhfg-yellow);
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(22px) saturate(180%);
    -webkit-backdrop-filter: blur(17px) saturate(180%);
}

.mhfg-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow), transparent);
    box-shadow: 
        0 2px 8px rgba(245,194,45,0.3),
        0 0 15px rgba(245,201,36,0.2);
    animation: mhfg-header-line 3s ease-in-out infinite;
}

.mhfg-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(245,203,44,0.3), transparent);
    opacity: 0.5;
}

@keyframes mhfg-header-line {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}

.mhfg-header-container {
    max-width:100%;
    margin: 0 auto;
    padding: 17px 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mhfg-logo {
    display: flex;
    align-items: center;
    gap: 11px;
    text-decoration: none;
    color: var(--mhfg-black);
    font-weight: 900;
    font-size: 24px;
    letter-spacing: -0.6px;
    position: relative;
    transition: all 0.3s;
    padding: 3px 9px;
    border-radius: 5px;
}

.mhfg-logo::before {
    content: '';
    position: absolute;
    left: -4px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 60%;
    background: linear-gradient(180deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-radius: 1px;
    opacity: 0;
    transition: opacity 0.3s;
}

.mhfg-logo:hover::before {
    opacity: 1;
}

.mhfg-logo:hover {
    color: var(--mhfg-yellow-dark);
    transform: translateX(3px);
}

.mhfg-logo-icon {
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, var(--mhfg-yellow) 0%, var(--mhfg-yellow-light) 50%, var(--mhfg-yellow-dark) 100%);
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mhfg-black);
    font-size: 24px;
    font-weight: 900;
    box-shadow: 0 4px 15px var(--mhfg-shadow-yellow), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}

.mhfg-logo-icon::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: mhfg-rotate 3s infinite;
}

@keyframes mhfg-rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.mhfg-logo:hover .mhfg-logo-icon {
    transform: scale(1.05);
    box-shadow: 0 6px 20px var(--mhfg-shadow-yellow), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mhfg-logo-text {
    font-weight: 800;
}

.mhfg-nav {
    display: flex;
    gap: 33px;
    align-items: center;
}

.mhfg-nav-link {
    color: var(--mhfg-text);
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    padding: 9px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 17px;
}

.mhfg-nav-link::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), transparent);
    transition: width 0.3s;
    border-radius: 3px;
}

.mhfg-nav-link:hover::before {
    width: 70%;
}

.mhfg-nav-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(245,196,46,0.1), rgba(245,203,41,0.05));
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.4s;
    z-index: -1;
}

.mhfg-nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) scaleX(0);
    width: 80%;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), transparent);
    border-radius: 3px;
    transition: transform 0.4s;
}

.mhfg-nav-link:hover {
    color: var(--mhfg-black);
    transform: translateY(-2px);
}

.mhfg-nav-link:hover::before {
    opacity: 1;
}

.mhfg-nav-link:hover::after {
    transform: translateX(-50%) scaleX(1);
}

.mhfg-nav-link--active {
    color: var(--mhfg-black);
    background: linear-gradient(135deg, rgba(245,197,49,0.15), rgba(245,199,40,0.1));
    box-shadow: 0 2px 8px rgba(245,193,51,0.2);
}

.mhfg-nav-link--active::after {
    transform: translateX(-50%) scaleX(1);
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow), transparent);
    height: 3px;
}

.mhfg-menu-toggle {
    display: none;
    flex-direction: column;
    gap: 6px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 11px;
}

.mhfg-menu-toggle.active .mhfg-menu-line:nth-child(1) {
    transform: rotate(45deg) translate(7px, 7px);
}

.mhfg-menu-toggle.active .mhfg-menu-line:nth-child(2) {
    opacity: 0;
}

.mhfg-menu-toggle.active .mhfg-menu-line:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
}

.mhfg-menu-line {
    width: 24px;
    height: 3px;
    background: var(--mhfg-black);
    transition: all 0.3s ease;
}

.mhfg-mobile-nav {
    display: none;
    flex-direction: column;
    padding: 21px 27px;
    background: var(--mhfg-bg);
    border-top: 2px solid var(--mhfg-yellow);
}

.mhfg-mobile-nav.active {
    display: flex;
}

.mhfg-mobile-link {
    padding: 14px 0;
    color: var(--mhfg-text);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid var(--mhfg-border);
}

.mhfg-mobile-link:last-child {
    border-bottom: none;
}

/* Hero Section */
.mhfg-hero {
    background: linear-gradient(135deg, var(--mhfg-black) 0%, var(--mhfg-charcoal) 30%, var(--mhfg-gray) 50%, var(--mhfg-charcoal) 70%, var(--mhfg-black) 100%);
    color: #ffffff;
    padding: 120px 0 100px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.mhfg-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 30%, rgba(245,196,43,0.12) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(245,206,50,0.08) 0%, transparent 50%),
        repeating-linear-gradient(45deg, transparent, transparent 50px, rgba(245,192,42,0.03) 50px, rgba(245,199,37,0.03) 51px);
    animation: mhfg-pulse-bg 4s ease-in-out infinite;
}

.mhfg-hero::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 100px,
        rgba(245,193,45,0.02) 100px,
        rgba(245,195,36,0.02) 200px
    );
    animation: mhfg-drift 20s linear infinite;
}

@keyframes mhfg-pulse-bg {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}

@keyframes mhfg-drift {
    0% { transform: translate(0, 0); }
    100% { transform: translate(100px, 100px); }
}

.mhfg-hero-content {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 25px;
    position: relative;
    z-index: 2;
}

.mhfg-hero-badge {
    display: inline-block;
    padding: 15px 27px;
    background: linear-gradient(135deg, var(--mhfg-yellow) 0%, var(--mhfg-yellow-light) 50%, var(--mhfg-yellow-dark) 100%);
    border-radius: 5px;
    font-size: 10px;
    font-weight: 700;
    color: var(--mhfg-black);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 35px;
    box-shadow: 0 3px 21px var(--mhfg-shadow-yellow), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    position: relative;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0.1);
}

.mhfg-hero-badge::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: mhfg-shine 3s infinite;
}

.mhfg-hero-badge::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150%;
    height: 150%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    animation: mhfg-badge-pulse 2s ease-in-out infinite;
}

@keyframes mhfg-badge-pulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }
    50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.8; }
}

@keyframes mhfg-shine {
    0% { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
    100% { transform: translateX(100%) translateY(100%) rotate(45deg); }
}

.mhfg-hero-title {
    font-size: 56px;
    font-weight: 900;
    line-height: 1.2;
    margin: 0 0 21px 0;
    color: #ffffff;
    text-shadow: 
        0 2px 10px rgba(0, 0, 0, 0.5),
        0 4px 20px rgba(245,205,41,0.2),
        0 0 40px rgba(245,191,49,0.1);
    position: relative;
    background: linear-gradient(135deg, #ffffff 0%, var(--mhfg-yellow-light) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: mhfg-title-glow 3s ease-in-out infinite;
}

@keyframes mhfg-title-glow {
    0%, 100% { filter: brightness(1); }
    50% { filter: brightness(1.1); }
}

.mhfg-hero-subtitle {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.95);
    line-height: 1.7;
    margin: 0 0 47px 0;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.mhfg-hero-actions {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
}

.mhfg-btn {
    display: inline-flex;
    align-items: center;
    padding: 15px 33px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.mhfg-btn-primary {
    background: linear-gradient(135deg, var(--mhfg-yellow) 0%, var(--mhfg-yellow-light) 50%, var(--mhfg-yellow-dark) 100%);
    color: var(--mhfg-black);
    box-shadow: 0 6px 25px var(--mhfg-shadow-yellow), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    position: relative;
    overflow: hidden;
}

.mhfg-btn-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s;
}

.mhfg-btn-primary:hover::before {
    left: 100%;
}

.mhfg-btn-primary:hover {
    background: linear-gradient(135deg, var(--mhfg-yellow-light) 0%, var(--mhfg-yellow) 50%, var(--mhfg-yellow-dark) 100%);
    transform: translateY(-3px);
    box-shadow: 0 12px 35px var(--mhfg-shadow-yellow), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mhfg-btn-secondary {
    background: transparent;
    color: #ffffff;
    border: 2px solid rgba(245,201,37,0.4);
    position: relative;
    overflow: hidden;
}

.mhfg-btn-secondary::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
    transition: left 0.5s;
}

.mhfg-btn-secondary:hover::before {
    left: 100%;
}

.mhfg-btn-secondary:hover {
    background: rgba(245,198,36,0.1);
    border-color: rgba(245,200,44,0.7);
    box-shadow: 0 0 20px rgba(245,191,39,0.2);
    transform: translateY(-2px);
}

/* Rating Section */
.mhfg-rating-section {
    background: linear-gradient(135deg, var(--mhfg-bg-alt) 0%, #ffffff 30%, var(--mhfg-bg-alt) 70%, #ffffff 100%);
    padding: 53px 0;
    border-top: 2px solid var(--mhfg-yellow);
    border-bottom: 3px solid var(--mhfg-yellow);
    position: relative;
    overflow: hidden;
}

.mhfg-rating-section::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(245,201,47,0.05) 0%, transparent 70%);
    animation: mhfg-float 8s ease-in-out infinite;
}

.mhfg-rating-section::after {
    content: '';
    position: absolute;
    bottom: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(245,203,38,0.05) 0%, transparent 70%);
    animation: mhfg-float 10s ease-in-out infinite reverse;
}

@keyframes mhfg-float {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(30px, 30px) scale(1.1); }
}

.mhfg-rating-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
    background: linear-gradient(135deg, var(--mhfg-bg) 0%, #fafafa 100%);
    padding: 21px 48px;
    border-radius: 11px;
    box-shadow: 
        0 6px 31px rgba(0, 0, 0, 0.1),
        0 4px 15px var(--mhfg-shadow),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    border: 3px solid var(--mhfg-yellow);
    position: relative;
}

.mhfg-rating-box::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow-dark), var(--mhfg-yellow-light), var(--mhfg-yellow));
    border-radius: 11px;
    z-index: -1;
    opacity: 0.25;
    animation: mhfg-border-glow 3s ease-in-out infinite;
    filter: blur(1px);
}

.mhfg-rating-box::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120%;
    height: 120%;
    background: radial-gradient(circle, rgba(245,194,49,0.1) 0%, transparent 70%);
    border-radius: 50%;
    z-index: -2;
    animation: mhfg-pulse-bg 4s ease-in-out infinite;
}

.mhfg-rating-label {
    font-size: 15px;
    color: var(--mhfg-text);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.mhfg-stars {
    display: flex;
    gap: 4px;
}

.mhfg-star {
    font-size: 23px;
    color: #d4d8db;
}

.mhfg-star--filled {
    color: var(--mhfg-yellow);
    text-shadow: 0 0 10px rgba(245,196,40,0.5);
    animation: mhfg-star-twinkle 2s ease-in-out infinite;
}

@keyframes mhfg-star-twinkle {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.mhfg-rating-number {
    font-size: 28px;
    font-weight: 900;
    background: linear-gradient(135deg, var(--mhfg-black), var(--mhfg-gray));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
    padding: 0 11px;
}

.mhfg-rating-number::before,
.mhfg-rating-number::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 20px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), transparent);
}

.mhfg-rating-number::before {
    left: -30px;
}

.mhfg-rating-number::after {
    right: -30px;
}

.mhfg-rating-reviews {
    font-size: 15px;
    color: var(--mhfg-text);
    font-weight: 500;
}

/* Breadcrumb */
.mhfg-breadcrumb {
    background: var(--mhfg-bg-alt);
    border-bottom: 1px solid var(--mhfg-border);
}

.mhfg-breadcrumb ol {
    display: flex;
    gap: 9px;
    padding: 19px 0;
    list-style: none;
    font-size: 13px;
    margin: 0;
}

.mhfg-breadcrumb a {
    color: var(--mhfg-text-light);
    text-decoration: none;
    transition: color 0.3s;
}

.mhfg-breadcrumb a:hover {
    color: var(--mhfg-yellow);
}

.mhfg-breadcrumb li::after {
    content: '›';
    margin-left: 10px;
    color: var(--mhfg-text-light);
}

.mhfg-breadcrumb li:last-child::after {
    display: none;
}

/* Main Content */
.mhfg-main {
    padding: 57px 0;
}

.mhfg-article {
    max-width: 800px;
    margin: 0 auto;
}

.mhfg-intro {
    margin-bottom: 53px;
    padding: 34px;
    background: linear-gradient(135deg, rgba(245,203,48,0.05) 0%, rgba(245,197,43,0.02) 100%);
    border-radius: 13px;
    border-left: 7px solid var(--mhfg-yellow);
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    position: relative;
}

.mhfg-intro::before {
    content: '';
    position: absolute;
    top: -30px;
    right: -30px;
    width: 150px;
    height: 150px;
    background: radial-gradient(circle, rgba(245,196,50,0.12) 0%, transparent 70%);
    border-radius: 50%;
    animation: mhfg-float 6s ease-in-out infinite;
}

.mhfg-intro::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: -20px;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(245,206,45,0.08) 0%, transparent 70%);
    border-radius: 50%;
    animation: mhfg-float 8s ease-in-out infinite reverse;
}

.mhfg-lead {
    font-size: 22px;
    line-height: 1.85;
    color: var(--mhfg-text);
    margin-bottom: 27px;
    font-weight: 500;
    position: relative;
    padding-left: 22px;
}

.mhfg-lead::before {
    content: '"';
    position: absolute;
    left: -8px;
    top: -12px;
    font-size: 64px;
    color: var(--mhfg-yellow);
    opacity: 0.35;
    line-height: 1;
    font-family: Georgia, serif;
    text-shadow: 0 2px 8px rgba(245,197,37,0.3);
    animation: mhfg-quote-glow 3s ease-in-out infinite;
}

@keyframes mhfg-quote-glow {
    0%, 100% { opacity: 0.35; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.05); }
}

.mhfg-article h2 {
    font-size: 40px;
    font-weight: 900;
    background: linear-gradient(135deg, var(--mhfg-black) 0%, var(--mhfg-gray) 50%, var(--mhfg-black) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: 73px 0 30px 0;
    line-height: 1.3;
    position: relative;
    padding-bottom: 25px;
    letter-spacing: -0.6px;
    scroll-margin-top: 100px;
}

.mhfg-article h2:first-of-type {
    margin-top: 42px;
}

.mhfg-article h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 140px;
    height: 5px;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow), var(--mhfg-yellow-light), transparent);
    border-radius: 4px;
    box-shadow: 
        0 1px 9px rgba(245,199,44,0.4),
        0 0 15px rgba(245,193,36,0.2);
    animation: mhfg-underline-grow 0.6s ease-out, mhfg-underline-glow 3s ease-in-out infinite;
}

@keyframes mhfg-underline-glow {
    0%, 100% { box-shadow: 0 2px 8px rgba(245,195,47,0.4), 0 0 15px rgba(245,206,38,0.2); }
    50% { box-shadow: 0 2px 8px rgba(245,192,46,0.6), 0 0 20px rgba(245,202,41,0.4); }
}

@keyframes mhfg-underline-grow {
    from { width: 0; }
    to { width: 160px; }
}

.mhfg-article h3 {
    font-size: 30px;
    font-weight: 700;
    background: linear-gradient(135deg, var(--mhfg-black), var(--mhfg-gray));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin: 44px 0 24px 0;
    line-height: 1.4;
    position: relative;
    padding-left: 17px;
    scroll-margin-top: 100px;
}

.mhfg-article h3::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 6px;
    background: linear-gradient(180deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow), var(--mhfg-yellow-dark));
    border-radius: 4px;
    box-shadow: 
        0 0 9px rgba(245,193,49,0.5),
        inset 0 1px 2px rgba(255, 255, 255, 0.3);
    animation: mhfg-sidebar-grow 0.5s ease-out, mhfg-sidebar-pulse 3s ease-in-out infinite;
}

@keyframes mhfg-sidebar-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}

@keyframes mhfg-sidebar-grow {
    from { height: 0; }
    to { height: calc(100% - 12px); }
}

.mhfg-article p {
    margin-bottom: 29px;
    line-height: 1.9;
    color: var(--mhfg-text);
    font-size: 17px;
    position: relative;
    text-align: justify;
    hyphens: auto;
}

.mhfg-article p:first-of-type {
    font-size: 18px;
    line-height: 1.85;
    color: var(--mhfg-text);
    font-weight: 500;
}

.mhfg-article p strong {
    color: var(--mhfg-black);
    font-weight: 700;
    background: linear-gradient(135deg, rgba(245,205,48,0.15), rgba(245,192,43,0.08), rgba(245,202,51,0.15));
    padding: 4px 5px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(245,204,42,0.2);
    position: relative;
    display: inline-block;
}

.mhfg-article p strong::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), transparent);
    border-radius: 1px;
    opacity: 0.5;
}

.mhfg-list,
.mhfg-list-ordered {
    margin: 31px 0;
    padding-left: 35px;
}

.mhfg-list li,
.mhfg-list-ordered li {
    margin-bottom: 13px;
    line-height: 1.8;
    color: var(--mhfg-text);
}

.mhfg-list li::marker {
    color: var(--mhfg-yellow);
    font-weight: 700;
    font-size: 1.2em;
}

.mhfg-list li {
    position: relative;
    padding-left: 10px;
}

.mhfg-list li::before {
    content: '';
    position: absolute;
    left: -24px;
    top: 12px;
    width: 8px;
    height: 8px;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-radius: 50%;
    box-shadow: 
        0 0 11px rgba(245,195,50,0.6),
        0 2px 4px rgba(0, 0, 0, 0.1),
        inset 0 1px 2px rgba(255, 255, 255, 0.3);
    animation: mhfg-dot-pulse 2s ease-in-out infinite;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.mhfg-image-wrapper {
    margin: 53px 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 
        0 15px 50px var(--mhfg-shadow),
        0 8px 30px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
    border: 3px solid var(--mhfg-yellow);
    position: relative;
    display: block;
}

.mhfg-image-wrapper::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow-dark), var(--mhfg-yellow));
    border-radius: 11px;
    z-index: -1;
    opacity: 0.3;
    animation: mhfg-border-glow 3s ease-in-out infinite;
}

.mhfg-image-wrapper figcaption {
    padding: 18px 21px;
    background: linear-gradient(135deg, rgba(245,200,39,0.08) 0%, rgba(245,191,46,0.04) 100%);
    font-size: 15px;
    color: var(--mhfg-text);
    text-align: center;
    border-top: 3px solid var(--mhfg-yellow);
    margin: 0;
    line-height: 1.6;
    font-weight: 500;
    position: relative;
}

.mhfg-image-wrapper figcaption::before {
    content: '📷';
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    opacity: 0.5;
}

@keyframes mhfg-border-glow {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 0.6; }
}

.mhfg-article-image {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), filter 0.6s, opacity 0.6s;
    filter: brightness(1) contrast(1);
    opacity: 1;
    background: linear-gradient(135deg, rgba(245,201,38,0.1), rgba(245,203,49,0.05));
}

.mhfg-article-image[loading="lazy"] {
    opacity: 0;
    transition: opacity 0.5s;
}

.mhfg-article-image[loading="lazy"].loaded {
    opacity: 1;
}

.mhfg-image-wrapper:hover .mhfg-article-image {
    transform: scale(1.05);
    filter: brightness(1.05) contrast(1.02);
}

.mhfg-image-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(245,198,41,0) 0%, rgba(245,200,48,0.05) 100%);
    opacity: 0;
    transition: opacity 0.6s;
    pointer-events: none;
}

.mhfg-image-wrapper:hover::after {
    opacity: 1;
}

/* Trust Badges Component */
.mhfg-trust-badges {
    margin: 63px 0;
    padding: 69px 0;
    background: linear-gradient(135deg, var(--mhfg-bg-alt) 0%, #ffffff 20%, var(--mhfg-bg-alt) 40%, #ffffff 60%, var(--mhfg-bg-alt) 80%, #ffffff 100%);
    border-top: 4px solid var(--mhfg-yellow);
    border-bottom: 4px solid var(--mhfg-yellow);
    position: relative;
    overflow: hidden;
    box-shadow: 
        inset 0 10px 30px rgba(245,194,43,0.05),
        inset 0 -10px 30px rgba(245,201,51,0.05);
}

.mhfg-trust-badges::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(90deg, transparent, transparent 50px, rgba(245,203,42,0.02) 50px, rgba(245,197,50,0.02) 51px),
        radial-gradient(circle at 10% 20%, rgba(245,200,45,0.06) 0%, transparent 50%),
        radial-gradient(circle at 90% 80%, rgba(245,194,37,0.06) 0%, transparent 50%);
    pointer-events: none;
    animation: mhfg-float 12s ease-in-out infinite;
}

.mhfg-trust-badges-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
    padding: 0 27px;
}

.mhfg-trust-badge {
    background: linear-gradient(135deg, var(--mhfg-bg) 0%, #fafafa 100%);
    padding: 28px 25px;
    border-radius: 11px;
    text-align: center;
    box-shadow: 
        0 4px 15px var(--mhfg-shadow),
        0 2px 8px rgba(0, 0, 0, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    border: 2px solid var(--mhfg-border);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.mhfg-trust-badge::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow));
    transform: scaleX(0);
    transition: transform 0.4s;
}

.mhfg-trust-badge:hover::before {
    transform: scaleX(1);
}

.mhfg-trust-badge:hover {
    border-color: var(--mhfg-yellow);
    transform: translateY(-10px) scale(1.03);
    box-shadow: 
        0 15px 45px var(--mhfg-shadow-yellow),
        0 10px 30px rgba(0, 0, 0, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 0 0 1px rgba(245,193,46,0.2);
}

.mhfg-trust-badge:hover .mhfg-trust-badge-icon {
    transform: rotate(10deg) scale(1.15);
    box-shadow: 
        0 8px 25px var(--mhfg-shadow-yellow),
        0 4px 15px rgba(0, 0, 0, 0.15),
        inset 0 2px 6px rgba(255, 255, 255, 0.5),
        inset 0 -2px 6px rgba(0, 0, 0, 0.1);
}

.mhfg-trust-badge-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, var(--mhfg-yellow) 0%, var(--mhfg-yellow-light) 30%, var(--mhfg-yellow) 60%, var(--mhfg-yellow-dark) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 19px;
    font-size: 34px;
    color: var(--mhfg-black);
    font-weight: 900;
    box-shadow: 
        0 6px 20px var(--mhfg-shadow-yellow),
        0 2px 8px rgba(0, 0, 0, 0.1),
        inset 0 2px 4px rgba(255, 255, 255, 0.4),
        inset 0 -2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.mhfg-trust-badge-icon::before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    background: linear-gradient(135deg, var(--mhfg-yellow-light), var(--mhfg-yellow-dark));
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s;
}

.mhfg-trust-badge:hover .mhfg-trust-badge-icon::before {
    opacity: 0.3;
}



.mhfg-trust-badge-desc {
    font-size: 14px;
    color: var(--mhfg-text);
    line-height: 1.6;
    font-weight: 400;
}

.mhfg-trust-badge-title {
    font-size: 17px;
    font-weight: 800;
    color: var(--mhfg-black);
    margin-bottom: 12px;
    line-height: 1.3;
}

/* Feature Grid Component */
.mhfg-features {
    margin: 77px 0;
    padding: 70px 0;
    background: linear-gradient(135deg, var(--mhfg-bg-alt) 0%, #ffffff 30%, var(--mhfg-bg-alt) 70%, #ffffff 100%);
    border-radius: 15px;
    border: 2px solid var(--mhfg-yellow);
    position: relative;
    overflow: hidden;
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.mhfg-features::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(245,204,37,0.08) 0%, transparent 70%);
    animation: mhfg-float 8s ease-in-out infinite;
}

.mhfg-features::after {
    content: '';
    position: absolute;
    bottom: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(245,195,44,0.08) 0%, transparent 70%);
    animation: mhfg-float 10s ease-in-out infinite reverse;
}

.mhfg-features-header {
    text-align: center;
    margin-bottom: 62px;
    position: relative;
    padding-bottom: 27px;
    z-index: 1;
}

.mhfg-features-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 160px;
    height: 4px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow), transparent);
    border-radius: 1px;
}

.mhfg-features-title {
    font-size: 39px;
    font-weight: 900;
    background: linear-gradient(135deg, var(--mhfg-black), var(--mhfg-gray));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 17px;
    line-height: 1.2;
}

.mhfg-features-subtitle {
    font-size: 18px;
    color: var(--mhfg-text);
    line-height: 1.6;
    font-weight: 500;
    max-width: 700px;
    margin: 0 auto;
}

.mhfg-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 35px;
    padding: 0 38px;
    position: relative;
    z-index: 1;
}

.mhfg-feature-card {
    background: linear-gradient(135deg, var(--mhfg-bg) 0%, #fafafa 50%, var(--mhfg-bg) 100%);
    padding: 38px 33px;
    border-radius: 15px;
    box-shadow: 
        0 5px 22px var(--mhfg-shadow),
        0 2px 10px rgba(0, 0, 0, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        inset 0 -1px 0 rgba(0, 0, 0, 0.02);
    border: 2px solid var(--mhfg-border);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

.mhfg-feature-card::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(245,204,46,0.08) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.4s;
    animation: mhfg-feature-bg-rotate 10s linear infinite;
}

@keyframes mhfg-feature-bg-rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.mhfg-feature-card:hover::after {
    opacity: 1;
}

.mhfg-feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid transparent;
    border-radius: 11px;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light)) padding-box,
                linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light)) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.4s;
    pointer-events: none;
}

.mhfg-feature-card:hover::before {
    opacity: 0.3;
}

/* Ultra-Detailed Visual Enhancements */
.mhfg-hero-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 4px;
    background: linear-gradient(90deg, 
        transparent, 
        var(--mhfg-yellow) 20%, 
        var(--mhfg-yellow-light) 50%, 
        var(--mhfg-yellow) 80%, 
        transparent
    );
    border-radius: 3px;
    box-shadow: 0 0 18px rgba(245,198,38,0.5);
    animation: mhfg-title-underline 3s ease-in-out infinite;
}

@keyframes mhfg-title-underline {
    0%, 100% { 
        width: 200px;
        opacity: 0.8;
    }
    50% { 
        width: 250px;
        opacity: 1;
    }
}

/* Enhanced Section Headers */
.mhfg-section-header {
    position: relative;
    padding: 39px 0;
    margin-bottom: 52px;
}

.mhfg-section-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), transparent);
    border-radius: 3px;
}

.mhfg-section-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow-light), transparent);
    border-radius: 2px;
}

/* Enhanced Button Details */
.mhfg-button {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.mhfg-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s;
}

.mhfg-button:hover::before {
    left: 100%;
}

.mhfg-button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.mhfg-button:hover::after {
    width: 300px;
    height: 300px;
}

/* Enhanced Trust Badge Details */
.mhfg-trust-badge {
    position: relative;
}

.mhfg-trust-badge::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow));
    border-radius: 13px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s;
}

.mhfg-trust-badge:hover::before {
    opacity: 0.3;
    animation: mhfg-badge-border-glow 2s ease-in-out infinite;
}

@keyframes mhfg-badge-border-glow {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 0.5; }
}

/* Enhanced Company Card */
.mhfg-company-card {
    position: relative;
}

.mhfg-company-card::before {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    width: 80px;
    height: 100px;
    background: radial-gradient(circle, rgba(245,201,48,0.1) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    animation: mhfg-company-glow 4s ease-in-out infinite;
}

@keyframes mhfg-company-glow {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.2); opacity: 0.8; }
}

/* Enhanced FAQ Items */
.mhfg-faq-item {
    position: relative;
}

.mhfg-faq-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: linear-gradient(180deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    transition: width 0.3s;
    opacity: 0.3;
}

.mhfg-faq-item.active::before {
    width: 4px;
}

.mhfg-faq-item:hover::before {
    width: 4px;
    opacity: 0.5;
}

/* Enhanced Footer Details */
.mhfg-footer-content {
    position: relative;
}

.mhfg-footer-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(245,204,40,0.3), transparent);
}

/* Enhanced Image Wrapper Details */
.mhfg-image-wrapper::before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow));
    border-radius: 9px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s;
}

.mhfg-image-wrapper:hover::before {
    opacity: 0.2;
    animation: mhfg-image-border-pulse 2s ease-in-out infinite;
}

@keyframes mhfg-image-border-pulse {
    0%, 100% { opacity: 0.2; }
    50% { opacity: 0.4; }
}

/* Enhanced Text Effects */
.mhfg-text-highlight {
    background: linear-gradient(135deg, rgba(245,198,51,0.2) 0%, rgba(245,200,43,0.1) 100%);
    padding: 2px 7px;
    border-radius: 3px;
    font-weight: 600;
    position: relative;
    display: inline-block;
}

.mhfg-text-highlight::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--mhfg-yellow), transparent);
    border-radius: 2px;
    opacity: 0.5;
}

/* Enhanced Container Details */
.mhfg-container::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(245,194,50,0.1), transparent);
    opacity: 0.3;
}

.mhfg-container::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(245,201,42,0.1), transparent);
    opacity: 0.3;
}

/* Ultra-Fine Visual Details */
.mhfg-article h2::before {
    content: '';
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 60%;
    background: linear-gradient(180deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow));
    border-radius: 4px;
    opacity: 0.4;
    box-shadow: 0 0 8px rgba(245,203,37,0.3);
}

.mhfg-article h3::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 2px;
    background: linear-gradient(90deg, var(--mhfg-yellow), transparent);
    border-radius: 1px;
    opacity: 0.3;
}

/* Enhanced Paragraph Details */
.mhfg-article p {
    position: relative;
}

.mhfg-article p::first-line {
    letter-spacing: 0.3px;
}

.mhfg-article p:not(:first-of-type)::first-letter {
    font-size: 1.2em;
    font-weight: 700;
    color: var(--mhfg-yellow-dark);
    line-height: 1;
    margin-right: 1px;
}

/* Enhanced Link Details */
.mhfg-article a {
    position: relative;
    z-index: 1;
}

.mhfg-article a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s;
    z-index: -1;
}

.mhfg-article a:hover::after {
    transform: scaleX(1);
}

/* Enhanced List Item Details */
.mhfg-list li::after {
    content: '';
    position: absolute;
    left: -24px;
    top: 12px;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--mhfg-yellow), transparent);
    transition: width 0.3s;
}

.mhfg-list li:hover::after {
    width: 16px;
}

/* Enhanced Table Cell Details */
.mhfg-article table td {
    position: relative;
}

.mhfg-article table td::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: linear-gradient(180deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    transition: width 0.3s;
    opacity: 0.2;
}

.mhfg-article table td:hover::before {
    width: 3px;
}

/* Enhanced Blockquote Details */
.mhfg-article blockquote::before {
    content: '';
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    background: radial-gradient(circle, rgba(245,197,45,0.1) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

/* Enhanced Code Block Details */
.mhfg-article code::before {
    content: '';
    position: absolute;
    left: -2px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-radius: 2px;
    opacity: 0.3;
}

.mhfg-article code {
    position: relative;
    padding-left: 9px;
}

/* Enhanced HR Details */
.mhfg-article hr::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: var(--mhfg-yellow-light);
    border-radius: 50%;
    box-shadow: 
        0 0 10px rgba(245,200,36,0.5),
        inset 0 1px 2px rgba(255, 255, 255, 0.3);
    border: 1px solid var(--mhfg-bg);
    animation: mhfg-hr-dot-pulse 2s ease-in-out infinite;
}

@keyframes mhfg-hr-dot-pulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); }
    50% { transform: translate(-50%, -50%) scale(1.3); }
}

/* Enhanced Section Dividers */
.mhfg-section-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, 
        transparent, 
        var(--mhfg-border) 20%, 
        var(--mhfg-yellow-light) 50%, 
        var(--mhfg-border) 80%, 
        transparent
    );
    transform: translateY(-50%);
}

/* Enhanced Feature Grid */
.mhfg-features-grid::before {
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), transparent);
    border-radius: 2px;
    opacity: 0.4;
}

.mhfg-features-grid {
    position: relative;
}

/* Enhanced Trust Badges Grid */
.mhfg-trust-badges::before {
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow-light), transparent);
    border-radius: 2px;
    opacity: 0.3;
}

.mhfg-trust-badges {
    position: relative;
}

/* Enhanced FAQ Section */
.mhfg-faq-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), transparent);
    border-radius: 1px;
    opacity: 0.5;
}

.mhfg-faq-section {
    position: relative;
}

/* Enhanced Company Card Details */
.mhfg-company-card::after {
    content: '';
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 60px;
    height: 60px;
    background: radial-gradient(circle, rgba(245,196,39,0.08) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    animation: mhfg-company-bottom-glow 5s ease-in-out infinite;
}

@keyframes mhfg-company-bottom-glow {
    0%, 100% { transform: scale(1); opacity: 0.4; }
    50% { transform: scale(1.3); opacity: 0.7; }
}

/* Enhanced Rating Box */
.mhfg-rating-box::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow));
    border-radius: 8px;
    z-index: -1;
    opacity: 0.2;
    animation: mhfg-rating-border-rotate 4s linear infinite;
}

@keyframes mhfg-rating-border-rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Enhanced Hero Badge */
.mhfg-hero-badge::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120%;
    height: 120%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    animation: mhfg-badge-inner-glow 3s ease-in-out infinite;
}

@keyframes mhfg-badge-inner-glow {
    0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.5; }
    50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.8; }
}

/* Enhanced Footer Links */
.mhfg-footer-links a {
    position: relative;
}

.mhfg-footer-links a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 24px;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--mhfg-yellow), transparent);
    transition: width 0.3s;
}

.mhfg-footer-links a:hover::after {
    width: calc(100% - 24px);
}

/* Enhanced Mobile Menu */
.mhfg-mobile-menu-toggle::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    background: radial-gradient(circle, rgba(245,197,38,0.1) 0%, transparent 70%);
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s;
}

.mhfg-mobile-menu-toggle:hover::before {
    opacity: 1;
}

/* Enhanced Scroll Progress */
.mhfg-scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow));
    z-index: 10000;
    box-shadow: 0 2px 10px rgba(245,199,49,0.5);
    transition: width 0.1s;
}

/* Enhanced Focus Rings */
*:focus-visible {
    outline: 2px solid var(--mhfg-yellow);
    outline-offset: 5px;
    border-radius: 5px;
    box-shadow: 
        0 0 0 1px var(--mhfg-black),
        0 0 0 4px var(--mhfg-yellow),
        0 0 20px rgba(245,194,41,0.6);
}

/* Enhanced Loading States */
.mhfg-loading-skeleton {
    background: linear-gradient(90deg, 
        rgba(245,196,48,0.1) 0%, 
        rgba(245,206,40,0.2) 50%, 
        rgba(245,192,51,0.1) 100%
    );
    background-size: 200% 100%;
    animation: mhfg-skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 4px;
}

@keyframes mhfg-skeleton-loading {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Micro-Interactions and Fine Details */
.mhfg-article h1::first-letter {
    font-size: 1.5em;
    line-height: 0.8;
    float: left;
    margin: 0.1em 0.1em 0.1em 0;
    padding: 0.15em 0.2em;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    color: var(--mhfg-black);
    font-weight: 900;
    border-radius: 7px;
    box-shadow: 
        0 3px 13px rgba(245,199,43,0.4),
        inset 0 1px 2px rgba(255, 255, 255, 0.4);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Enhanced Text Selection */
.mhfg-article ::selection {
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    color: var(--mhfg-black);
    text-shadow: none;
}

.mhfg-article ::-moz-selection {
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    color: var(--mhfg-black);
    text-shadow: none;
}

/* Enhanced Scrollbar for Article */
.mhfg-article::-webkit-scrollbar {
    width: 10px;
}

.mhfg-article::-webkit-scrollbar-track {
    background: var(--mhfg-bg-alt);
    border-radius: 6px;
}

.mhfg-article::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--mhfg-yellow), var(--mhfg-yellow-dark));
    border-radius: 4px;
    border: 3px solid var(--mhfg-bg-alt);
}

.mhfg-article::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--mhfg-yellow-light), var(--mhfg-yellow));
    box-shadow: 0 0 10px rgba(245,206,37,0.5);
}

/* Enhanced Drop Cap */
.mhfg-drop-cap {
    float: left;
    font-size: 5em;
    line-height: 0.8;
    margin: 0.1em 0.1em 0.1em 0;
    padding: 0.15em 0.2em;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow));
    color: var(--mhfg-black);
    font-weight: 900;
    border-radius: 7px;
    box-shadow: 
        0 7px 17px rgba(245,192,45,0.4),
        inset 0 2px 4px rgba(255, 255, 255, 0.4);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
}

.mhfg-drop-cap::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-radius: 8px;
    z-index: -1;
    opacity: 0.3;
    animation: mhfg-drop-cap-glow 3s ease-in-out infinite;
}

@keyframes mhfg-drop-cap-glow {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 0.6; }
}

/* Enhanced Tooltip Styles */
.mhfg-tooltip {
    position: relative;
    cursor: help;
}

.mhfg-tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 11px 10px;
    background: linear-gradient(135deg, var(--mhfg-black), var(--mhfg-charcoal));
    color: #ffffff;
    border-radius: 7px;
    font-size: 0.85em;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s, transform 0.3s;
    transform: translateX(-50%) translateY(-5px);
    z-index: 1000;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.mhfg-tooltip::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: var(--mhfg-black);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s, transform 0.3s;
    transform: translateX(-50%) translateY(1px);
    z-index: 1001;
}

.mhfg-tooltip:hover::after,
.mhfg-tooltip:hover::before {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* Enhanced Progress Bar */
.mhfg-progress-bar {
    position: relative;
    height: 6px;
    background: var(--mhfg-bg-alt);
    border-radius: 2px;
    overflow: hidden;
}

.mhfg-progress-bar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow));
    border-radius: 4px;
    box-shadow: 0 0 13px rgba(245,205,47,0.5);
    animation: mhfg-progress-fill 2s ease-in-out;
}

@keyframes mhfg-progress-fill {
    from { width: 0; }
    to { width: var(--progress, 100%); }
}

/* Enhanced Notification Badge */
.mhfg-notification {
    position: relative;
    padding: 11px 22px;
    background: linear-gradient(135deg, rgba(245,192,38,0.1), rgba(245,202,46,0.05));
    border-left: 4px solid var(--mhfg-yellow);
    border-radius: 6px;
    margin: 23px 0;
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.05);
}

.mhfg-notification::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow));
    border-radius: 3px 0 0 5px;
    animation: mhfg-notification-pulse 2s ease-in-out infinite;
}

@keyframes mhfg-notification-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

/* Enhanced Card Hover Effects */
.mhfg-card-hover {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.mhfg-card-hover:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.15),
        0 0 40px rgba(245,205,40,0.2);
}

.mhfg-card-hover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(245,191,51,0.05), transparent);
    opacity: 0;
    transition: opacity 0.4s;
    pointer-events: none;
    border-radius: inherit;
}

.mhfg-card-hover:hover::after {
    opacity: 1;
}

/* Enhanced Input Fields */
.mhfg-input {
    position: relative;
}

.mhfg-input::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    transition: width 0.3s;
}

.mhfg-input:focus::before {
    width: 100%;
}

/* Enhanced Checkbox/Radio */
.mhfg-checkbox,
.mhfg-radio {
    position: relative;
}

.mhfg-checkbox::before,
.mhfg-radio::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    background: radial-gradient(circle, var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-radius: 50%;
    transition: width 0.3s, height 0.3s;
}

.mhfg-checkbox:checked::before,
.mhfg-radio:checked::before {
    width: 100%;
    height: 100%;
}

/* Enhanced Loading Spinner */
.mhfg-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(245,201,43,0.2);
    border-top-color: var(--mhfg-yellow);
    border-radius: 50%;
    animation: mhfg-spin 1s linear infinite;
}

@keyframes mhfg-spin {
    to { transform: rotate(360deg); }
}

/* Enhanced Gradient Text */
.mhfg-gradient-text {
    background: linear-gradient(135deg, var(--mhfg-black) 0%, var(--mhfg-gray) 50%, var(--mhfg-black) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-size: 200% 200%;
    animation: mhfg-gradient-shift 5s ease-in-out infinite;
}

@keyframes mhfg-gradient-shift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Enhanced Shadow Effects */
.mhfg-shadow-soft {
    box-shadow: 
        0 2px 8px rgba(0, 0, 0, 0.08),
        0 1px 3px rgba(0, 0, 0, 0.05);
}

.mhfg-shadow-medium {
    box-shadow: 
        0 4px 15px rgba(0, 0, 0, 0.1),
        0 2px 6px rgba(0, 0, 0, 0.08);
}

.mhfg-shadow-large {
    box-shadow: 
        0 8px 25px rgba(0, 0, 0, 0.12),
        0 4px 12px rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(245,198,39,0.1);
}

.mhfg-shadow-yellow {
    box-shadow: 
        0 4px 15px rgba(245,200,47,0.3),
        0 2px 8px rgba(245,194,38,0.2),
        0 0 0 1px rgba(245,201,46,0.1);
}

/* Enhanced Border Effects */
.mhfg-border-gradient {
    border: 2px solid;
    border-image: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light)) 1;
    border-radius: 6px;
}

.mhfg-border-animated {
    position: relative;
    border: 2px solid transparent;
    background: linear-gradient(var(--mhfg-bg), var(--mhfg-bg)) padding-box,
                linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light)) border-box;
    border-radius: 11px;
}

/* Enhanced Glass Morphism */
.mhfg-glass {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

/* Enhanced Neumorphism */
.mhfg-neumorphism {
    background: var(--mhfg-bg);
    box-shadow: 
        8px 8px 16px rgba(0, 0, 0, 0.1),
        -8px -8px 16px rgba(255, 255, 255, 0.9);
    border-radius: 12px;
}

/* Enhanced Glow Effects */
.mhfg-glow-yellow {
    box-shadow: 
        0 0 20px rgba(245,206,51,0.4),
        0 0 40px rgba(245,197,42,0.2),
        0 0 60px rgba(245,199,37,0.1);
}

.mhfg-glow-yellow:hover {
    box-shadow: 
        0 0 30px rgba(245,193,45,0.6),
        0 0 60px rgba(245,196,36,0.3),
        0 0 90px rgba(245,206,44,0.15);
}

/* Enhanced Text Effects */
.mhfg-text-shadow {
    text-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 8px rgba(0, 0, 0, 0.05);
}

.mhfg-text-glow {
    text-shadow: 
        0 0 10px rgba(245,193,38,0.5),
        0 0 20px rgba(245,195,46,0.3),
        0 0 30px rgba(245,205,41,0.1);
}

/* Enhanced Image Overlay */
.mhfg-image-overlay {
    position: relative;
    overflow: hidden;
}

.mhfg-image-overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(245,192,49,0.1), transparent);
    opacity: 0;
    transition: opacity 0.3s;
}

.mhfg-image-overlay:hover::after {
    opacity: 1;
}

/* Ultra-Fine Micro Details */
.mhfg-article h1::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 150px;
    height: 5px;
    background: linear-gradient(90deg, 
        var(--mhfg-yellow) 0%, 
        var(--mhfg-yellow-light) 30%, 
        var(--mhfg-yellow) 60%, 
        var(--mhfg-yellow-light) 100%
    );
    border-radius: 4px;
    box-shadow: 
        0 2px 11px rgba(245,202,40,0.5),
        0 0 20px rgba(245,204,48,0.3);
    animation: mhfg-h1-underline-glow 3s ease-in-out infinite;
}

@keyframes mhfg-h1-underline-glow {
    0%, 100% { 
        box-shadow: 0 3px 10px rgba(245,195,43,0.5), 0 0 20px rgba(245,205,51,0.3);
        width: 150px;
    }
    50% { 
        box-shadow: 0 3px 15px rgba(245,191,42,0.7), 0 0 30px rgba(245,202,50,0.5);
        width: 180px;
    }
}

/* Enhanced Section Backgrounds */
.mhfg-section {
    position: relative;
}

.mhfg-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 10% 20%, rgba(245,204,45,0.03) 0%, transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(245,198,37,0.02) 0%, transparent 40%);
    pointer-events: none;
    z-index: 0;
}

.mhfg-section > * {
    position: relative;
    z-index: 1;
}

/* Enhanced Card Corners */
.mhfg-card {
    position: relative;
    overflow: hidden;
}

.mhfg-card::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(245,205,44,0.1) 0%, transparent 70%);
    border-radius: 0 0 0 100%;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.4s;
}

.mhfg-card:hover::before {
    opacity: 1;
}

.mhfg-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: radial-gradient(circle, rgba(245,191,36,0.08) 0%, transparent 70%);
    border-radius: 100% 0 0 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.4s;
}

.mhfg-card:hover::after {
    opacity: 1;
}

/* Enhanced Button Ripple Effect */
.mhfg-button-ripple {
    position: relative;
    overflow: hidden;
}

.mhfg-button-ripple::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.mhfg-button-ripple:active::before {
    width: 300px;
    height: 300px;
}

/* Enhanced Input Focus States */
.mhfg-input:focus {
    outline: none;
    border-color: var(--mhfg-yellow);
    box-shadow: 
        0 0 0 3px rgba(245,203,38,0.1),
        0 0 15px rgba(245,198,46,0.2);
}

.mhfg-input:focus::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    animation: mhfg-input-underline 0.3s ease-out;
}

@keyframes mhfg-input-underline {
    from { width: 0; }
    to { width: 100%; }
}

/* Enhanced Checkbox Styles */
.mhfg-checkbox {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid var(--mhfg-border);
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
}

.mhfg-checkbox:checked {
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-color: var(--mhfg-yellow);
}

.mhfg-checkbox:checked::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--mhfg-black);
    font-weight: 900;
    font-size: 14px;
}

/* Enhanced Radio Styles */
.mhfg-radio {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid var(--mhfg-border);
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
}

.mhfg-radio:checked {
    border-color: var(--mhfg-yellow);
}

.mhfg-radio:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(245,200,41,0.5);
}

/* Enhanced Tabs */
.mhfg-tabs {
    display: flex;
    gap: 13px;
    border-bottom: 1px solid var(--mhfg-border);
}

.mhfg-tab {
    padding: 13px 27px;
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
}

.mhfg-tab::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    transition: width 0.3s;
}

.mhfg-tab:hover::before,
.mhfg-tab.active::before {
    width: 100%;
}

.mhfg-tab.active {
    color: var(--mhfg-yellow-dark);
    font-weight: 700;
}

/* Enhanced Accordion */
.mhfg-accordion-item {
    border-bottom: 1px solid var(--mhfg-border);
}

.mhfg-accordion-header {
    padding: 19px 18px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
}

.mhfg-accordion-header::after {
    content: '+';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: 300;
    color: var(--mhfg-yellow);
    transition: transform 0.3s;
}

.mhfg-accordion-item.active .mhfg-accordion-header::after {
    transform: translateY(-50%) rotate(45deg);
}

.mhfg-accordion-header:hover {
    background: rgba(245,194,49,0.05);
}

/* Enhanced Modal */
.mhfg-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s;
}

.mhfg-modal-overlay.active {
    opacity: 1;
}

.mhfg-modal {
    background: var(--mhfg-bg);
    border-radius: 9px;
    padding: 30px;
    max-width: 600px;
    width: 90%;
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(245,197,43,0.2);
    transform: scale(0.9);
    transition: transform 0.3s;
}

.mhfg-modal-overlay.active .mhfg-modal {
    transform: scale(1);
}

/* Enhanced Toast Notifications */
.mhfg-toast {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: linear-gradient(135deg, var(--mhfg-black), var(--mhfg-charcoal));
    color: #ffffff;
    padding: 13px 24px;
    border-radius: 11px;
    box-shadow: 
        0 8px 31px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(245,194,42,0.2);
    border-left: 4px solid var(--mhfg-yellow);
    z-index: 10001;
    transform: translateX(400px);
    transition: transform 0.3s;
}

.mhfg-toast.show {
    transform: translateX(0);
}

/* Enhanced Badge Pills */
.mhfg-badge-pill {
    display: inline-block;
    padding: 3px 12px;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    color: var(--mhfg-black);
    border-radius: 23px;
    font-size: 0.75em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    box-shadow: 
        0 3px 11px rgba(245,196,50,0.3),
        inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

/* Enhanced Divider with Icon */
.mhfg-divider-icon {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 37px 0;
}

.mhfg-divider-icon::before,
.mhfg-divider-icon::after {
    content: '';
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), transparent);
}

.mhfg-divider-icon span {
    padding: 0 23px;
    color: var(--mhfg-yellow);
    font-size: 24px;
}

/* Enhanced Progress Indicator */
.mhfg-progress-steps {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 41px 0;
}

.mhfg-progress-steps::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--mhfg-border);
    z-index: 0;
}

.mhfg-progress-step {
    position: relative;
    z-index: 1;
    text-align: center;
}

.mhfg-progress-step::before {
    content: '';
    width: 40px;
    height: 40px;
    background: var(--mhfg-bg);
    border: 3px solid var(--mhfg-border);
    border-radius: 50%;
    display: block;
    margin: 0 auto 13px;
    transition: all 0.3s;
}

.mhfg-progress-step.active::before {
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-color: var(--mhfg-yellow);
    box-shadow: 0 0 15px rgba(245,197,37,0.5);
}

.mhfg-progress-step.completed::before {
    background: var(--mhfg-yellow);
    border-color: var(--mhfg-yellow);
}

.mhfg-progress-step.completed::after {
    content: '✓';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    color: var(--mhfg-black);
    font-weight: 900;
    line-height: 40px;
}

/* Advanced Visual Enhancements */
.mhfg-article::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--mhfg-yellow) 20%, 
        var(--mhfg-yellow-light) 40%, 
        var(--mhfg-yellow) 60%, 
        var(--mhfg-yellow-light) 80%, 
        transparent 100%
    );
    border-radius: 5px 7px 0 0;
    opacity: 0.8;
    animation: mhfg-article-top-gradient 4s ease-in-out infinite;
}

@keyframes mhfg-article-top-gradient {
    0%, 100% { 
        background-position: 0% 50%;
        opacity: 0.8;
    }
    50% { 
        background-position: 100% 50%;
        opacity: 1;
    }
}

/* Enhanced Paragraph Spacing */
.mhfg-article p + p {
    margin-top: 21px;
}

.mhfg-article p + h2 {
    margin-top: 60px;
}

.mhfg-article p + h3 {
    margin-top: 43px;
}

/* Enhanced List Spacing */
.mhfg-list li + li {
    margin-top: 10px;
}

.mhfg-list-ordered li + li {
    margin-top: 15px;
}

/* Enhanced Table Row Spacing */
.mhfg-article table tbody tr + tr {
    border-top: 1px solid var(--mhfg-border);
}

/* Enhanced Blockquote Spacing */
.mhfg-article blockquote + p {
    margin-top: 29px;
}

/* Enhanced Image Spacing */
.mhfg-image-wrapper + p {
    margin-top: 32px;
}

.mhfg-image-wrapper + h2 {
    margin-top: 47px;
}

.mhfg-image-wrapper + h3 {
    margin-top: 40px;
}

/* Enhanced Code Block Spacing */
.mhfg-article pre + p {
    margin-top: 27px;
}

/* Enhanced HR Spacing */
.mhfg-article hr + p {
    margin-top: 28px;
}

.mhfg-article hr + h2 {
    margin-top: 51px;
}

/* Enhanced Quote Marks */
.mhfg-article blockquote::before {
    content: '"';
    position: absolute;
    top: -20px;
    left: 20px;
    font-size: 120px;
    color: var(--mhfg-yellow);
    opacity: 0.15;
    font-family: Georgia, serif;
    line-height: 1;
    z-index: 0;
    animation: mhfg-quote-float 4s ease-in-out infinite;
}

@keyframes mhfg-quote-float {
    0%, 100% { transform: translateY(0); opacity: 0.15; }
    50% { transform: translateY(-5px); opacity: 0.25; }
}

.mhfg-article blockquote::after {
    content: '"';
    position: absolute;
    bottom: -40px;
    right: 20px;
    font-size: 120px;
    color: var(--mhfg-yellow);
    opacity: 0.15;
    font-family: Georgia, serif;
    line-height: 1;
    z-index: 0;
    animation: mhfg-quote-float 4s ease-in-out infinite reverse;
}

/* Enhanced Figure Caption */
.mhfg-image-wrapper figcaption {
    position: relative;
    padding-left: 41px;
}

.mhfg-image-wrapper figcaption::before {
    content: '📷';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    opacity: 0.6;
    animation: mhfg-camera-pulse 2s ease-in-out infinite;
}

@keyframes mhfg-camera-pulse {
    0%, 100% { transform: translateY(-50%) scale(1); opacity: 0.6; }
    50% { transform: translateY(-50%) scale(1.1); opacity: 0.8; }
}

/* Enhanced Link Hover States */
.mhfg-article a {
    position: relative;
    text-decoration: none;
    color: var(--mhfg-yellow-dark);
    font-weight: 600;
    transition: all 0.3s;
}

.mhfg-article a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    transition: width 0.3s;
    z-index: -1;
}

.mhfg-article a:hover::before {
    width: 100%;
}

.mhfg-article a:hover {
    color: var(--mhfg-yellow);
    padding: 1px 4px;
    border-radius: 4px;
    background: rgba(245,199,44,0.1);
}

/* Enhanced Strong/Emphasis */
.mhfg-article strong {
    position: relative;
    font-weight: 700;
    color: var(--mhfg-black);
}

.mhfg-article strong::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--mhfg-yellow), transparent);
    opacity: 0.4;
    border-radius: 2px;
}

.mhfg-article em {
    font-style: italic;
    color: var(--mhfg-text);
    position: relative;
}

.mhfg-article em::before {
    content: '';
    position: absolute;
    left: -2px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    opacity: 0.3;
    border-radius: 2px;
}

/* Enhanced Abbreviation */
.mhfg-article abbr {
    text-decoration: none;
    border-bottom: 2px dotted var(--mhfg-yellow);
    cursor: help;
    position: relative;
}

.mhfg-article abbr:hover {
    border-bottom-color: var(--mhfg-yellow-dark);
    background: rgba(245,193,36,0.1);
    padding: 2px 5px;
    border-radius: 2px;
}

/* Enhanced Mark/Highlight */
.mhfg-article mark {
    background: linear-gradient(135deg, rgba(245,196,47,0.3), rgba(245,206,39,0.2));
    color: var(--mhfg-black);
    padding: 3px 5px;
    border-radius: 2px;
    font-weight: 600;
}

/* Enhanced Small Text */
.mhfg-article small {
    font-size: 0.85em;
    color: var(--mhfg-text-light);
    font-weight: 500;
}

/* Enhanced Subscript/Superscript */
.mhfg-article sub,
.mhfg-article sup {
    font-size: 0.75em;
    color: var(--mhfg-yellow-dark);
    font-weight: 700;
}

/* Enhanced Definition Lists */
.mhfg-article dl {
    margin: 32px 0;
}

.mhfg-article dt {
    font-weight: 700;
    color: var(--mhfg-black);
    margin-top: 13px;
    position: relative;
    padding-left: 20px;
}

.mhfg-article dt::before {
    content: '▶';
    position: absolute;
    left: 0;
    color: var(--mhfg-yellow);
    font-size: 12px;
}

.mhfg-article dd {
    margin-left: 18px;
    margin-top: 9px;
    padding-left: 23px;
    border-left: 1px solid rgba(245,192,46,0.2);
    color: var(--mhfg-text);
}

/* Enhanced Address */
.mhfg-article address {
    font-style: normal;
    padding: 22px;
    background: rgba(245,199,38,0.05);
    border-left: 4px solid var(--mhfg-yellow);
    border-radius: 6px;
    margin: 27px 0;
}

/* Enhanced Time */
.mhfg-article time {
    background: rgba(245,193,49,0.1);
    padding: 1px 7px;
    border-radius: 4px;
    font-weight: 600;
    color: var(--mhfg-black);
}

/* Enhanced KBD */
.mhfg-article kbd {
    background: linear-gradient(135deg, var(--mhfg-black), var(--mhfg-charcoal));
    color: #ffffff;
    padding: 3px 10px;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
    font-size: 0.9em;
    box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* Enhanced Sample */
.mhfg-article samp {
    font-family: 'Courier New', monospace;
    background: rgba(245,192,43,0.1);
    padding: 3px 7px;
    border-radius: 2px;
    color: var(--mhfg-black);
    font-weight: 600;
}

/* Enhanced Variable */
.mhfg-article var {
    font-style: italic;
    color: var(--mhfg-yellow-dark);
    font-weight: 600;
}

/* Enhanced Preformatted Text */
.mhfg-article pre {
    position: relative;
    overflow-x: auto;
}

.mhfg-article pre::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: linear-gradient(90deg, transparent, var(--mhfg-bg));
    pointer-events: none;
}

/* Enhanced Code Inline */
.mhfg-article code {
    position: relative;
    z-index: 1;
}

/* Enhanced Details/Summary */
.mhfg-article details {
    margin: 21px 0;
    padding: 16px;
    background: rgba(245,202,51,0.05);
    border-radius: 11px;
    border: 1px solid rgba(245,193,42,0.2);
}

.mhfg-article summary {
    cursor: pointer;
    font-weight: 700;
    color: var(--mhfg-black);
    padding: 9px;
    margin: -11px;
    border-radius: 5px;
    transition: all 0.3s;
}

.mhfg-article summary:hover {
    background: rgba(245,195,50,0.1);
}

.mhfg-article summary::marker {
    color: var(--mhfg-yellow);
}

/* Enhanced Meter */
.mhfg-article meter {
    width: 100%;
    height: 20px;
    border-radius: 7px;
}

.mhfg-article meter::-webkit-meter-bar {
    background: var(--mhfg-bg-alt);
    border-radius: 10px;
}

.mhfg-article meter::-webkit-meter-optimum-value {
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-radius: 13px;
}

/* Enhanced Progress */
.mhfg-article progress {
    width: 100%;
    height: 20px;
    border-radius: 11px;
    border: none;
}

.mhfg-article progress::-webkit-progress-bar {
    background: var(--mhfg-bg-alt);
    border-radius: 13px;
}

.mhfg-article progress::-webkit-progress-value {
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-radius: 9px;
    transition: width 0.3s;
}

/* Final Ultra-Detailed Enhancements */
.mhfg-hero-title {
    position: relative;
    display: inline-block;
}

.mhfg-hero-title::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: radial-gradient(circle, rgba(245,205,45,0.2) 0%, transparent 70%);
    border-radius: 10px;
    z-index: -1;
    opacity: 0;
    animation: mhfg-hero-title-glow 4s ease-in-out infinite;
}

@keyframes mhfg-hero-title-glow {
    0%, 100% { opacity: 0; transform: scale(1); }
    50% { opacity: 0.6; transform: scale(1.05); }
}

/* Enhanced Section Transitions */
.mhfg-section {
    opacity: 0;
    transform: translateY(20px);
    animation: mhfg-section-fade-in 0.8s ease-out forwards;
}

@keyframes mhfg-section-fade-in {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.mhfg-section:nth-child(1) { animation-delay: 0.1s; }
.mhfg-section:nth-child(2) { animation-delay: 0.2s; }
.mhfg-section:nth-child(3) { animation-delay: 0.3s; }
.mhfg-section:nth-child(4) { animation-delay: 0.4s; }

/* Enhanced Card Stack Effect */
.mhfg-card-stack {
    position: relative;
}

.mhfg-card-stack::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    right: -4px;
    bottom: -4px;
    background: var(--mhfg-bg-alt);
    border-radius: 12px;
    z-index: -2;
    opacity: 0.5;
}

.mhfg-card-stack::after {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    right: -8px;
    bottom: -8px;
    background: var(--mhfg-bg-alt);
    border-radius: 11px;
    z-index: -3;
    opacity: 0.3;
}

/* Enhanced Floating Elements */
.mhfg-float {
    animation: mhfg-float-animation 6s ease-in-out infinite;
}

@keyframes mhfg-float-animation {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    33% { transform: translateY(-10px) rotate(2deg); }
    66% { transform: translateY(5px) rotate(-2deg); }
}

/* Enhanced Pulse Effect */
.mhfg-pulse {
    animation: mhfg-pulse-animation 2s ease-in-out infinite;
}

@keyframes mhfg-pulse-animation {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.9; }
}

/* Enhanced Rotate Effect */
.mhfg-rotate {
    animation: mhfg-rotate-animation 20s linear infinite;
}

@keyframes mhfg-rotate-animation {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Enhanced Bounce Effect */
.mhfg-bounce {
    animation: mhfg-bounce-animation 2s ease-in-out infinite;
}

@keyframes mhfg-bounce-animation {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

/* Enhanced Shake Effect */
.mhfg-shake {
    animation: mhfg-shake-animation 0.5s ease-in-out;
}

@keyframes mhfg-shake-animation {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    75% { transform: translateX(5px); }
}

/* Enhanced Fade In Effect */
.mhfg-fade-in {
    animation: mhfg-fade-in-animation 1s ease-out;
}

@keyframes mhfg-fade-in-animation {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Enhanced Slide In Effect */
.mhfg-slide-in-left {
    animation: mhfg-slide-in-left-animation 0.8s ease-out;
}

@keyframes mhfg-slide-in-left-animation {
    from { opacity: 0; transform: translateX(-50px); }
    to { opacity: 1; transform: translateX(0); }
}

.mhfg-slide-in-right {
    animation: mhfg-slide-in-right-animation 0.8s ease-out;
}

@keyframes mhfg-slide-in-right-animation {
    from { opacity: 0; transform: translateX(50px); }
    to { opacity: 1; transform: translateX(0); }
}

/* Enhanced Zoom Effect */
.mhfg-zoom-in {
    animation: mhfg-zoom-in-animation 0.6s ease-out;
}

@keyframes mhfg-zoom-in-animation {
    from { opacity: 0; transform: scale(0.8); }
    to { opacity: 1; transform: scale(1); }
}

.mhfg-zoom-out {
    animation: mhfg-zoom-out-animation 0.6s ease-out;
}

@keyframes mhfg-zoom-out-animation {
    from { opacity: 0; transform: scale(1.2); }
    to { opacity: 1; transform: scale(1); }
}

/* Enhanced Flip Effect */
.mhfg-flip {
    animation: mhfg-flip-animation 0.8s ease-out;
}

@keyframes mhfg-flip-animation {
    from { opacity: 0; transform: rotateY(-90deg); }
    to { opacity: 1; transform: rotateY(0deg); }
}

/* Enhanced Gradient Backgrounds */
.mhfg-bg-gradient-1 {
    background: linear-gradient(135deg, 
        rgba(245,191,37,0.1) 0%, 
        rgba(245,202,44,0.05) 50%, 
        rgba(245,204,36,0.1) 100%
    );
}

.mhfg-bg-gradient-2 {
    background: linear-gradient(45deg, 
        rgba(245,198,47,0.08) 0%, 
        transparent 50%, 
        rgba(245,205,39,0.08) 100%
    );
}

.mhfg-bg-gradient-3 {
    background: radial-gradient(circle at center, 
        rgba(245,191,46,0.1) 0%, 
        transparent 70%
    );
}

/* Enhanced Pattern Backgrounds */
.mhfg-bg-pattern-1 {
    background-image: 
        repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(245,201,38,0.03) 10px, rgba(245,204,49,0.03) 20px);
}

.mhfg-bg-pattern-2 {
    background-image: 
        repeating-linear-gradient(0deg, transparent, transparent 10px, rgba(245,198,41,0.02) 10px, rgba(245,200,48,0.02) 20px);
}

.mhfg-bg-pattern-3 {
    background-image: 
        radial-gradient(circle at 2px 2px, rgba(245,191,40,0.05) 1px, transparent 0);
    background-size: 20px 20px;
}

/* Enhanced Border Styles */
.mhfg-border-dashed-yellow {
    border: 2px dashed var(--mhfg-yellow);
    border-radius: 6px;
}

.mhfg-border-dotted-yellow {
    border: 3px dotted var(--mhfg-yellow);
    border-radius: 11px;
}

.mhfg-border-double-yellow {
    border: 3px double var(--mhfg-yellow);
    border-radius: 10px;
}

/* Enhanced Shadow Variations */
.mhfg-shadow-inset {
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.1);
}

.mhfg-shadow-outset {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.mhfg-shadow-multiple {
    box-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.1),
        0 4px 8px rgba(0, 0, 0, 0.05),
        0 8px 16px rgba(0, 0, 0, 0.03);
}

/* Enhanced Text Decorations */
.mhfg-text-underline-yellow {
    text-decoration: underline;
    text-decoration-color: var(--mhfg-yellow);
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.mhfg-text-overline-yellow {
    text-decoration: overline;
    text-decoration-color: var(--mhfg-yellow);
    text-decoration-thickness: 2px;
}

.mhfg-text-line-through-yellow {
    text-decoration: line-through;
    text-decoration-color: var(--mhfg-yellow);
    text-decoration-thickness: 2px;
}

/* Enhanced Letter Spacing */
.mhfg-letter-spacing-wide {
    letter-spacing: 0.1em;
}

.mhfg-letter-spacing-narrow {
    letter-spacing: -0.05em;
}

/* Enhanced Word Spacing */
.mhfg-word-spacing-wide {
    word-spacing: 0.2em;
}

/* Enhanced Text Transform */
.mhfg-text-uppercase {
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.mhfg-text-lowercase {
    text-transform: lowercase;
}

.mhfg-text-capitalize {
    text-transform: capitalize;
}

/* Enhanced Font Weights */
.mhfg-font-thin { font-weight: 100; }
.mhfg-font-light { font-weight: 300; }
.mhfg-font-normal { font-weight: 400; }
.mhfg-font-medium { font-weight: 500; }
.mhfg-font-semibold { font-weight: 600; }
.mhfg-font-bold { font-weight: 700; }
.mhfg-font-extrabold { font-weight: 800; }
.mhfg-font-black { font-weight: 900; }

/* Enhanced Opacity Utilities */
.mhfg-opacity-10 { opacity: 0.1; }
.mhfg-opacity-20 { opacity: 0.2; }
.mhfg-opacity-30 { opacity: 0.3; }
.mhfg-opacity-40 { opacity: 0.4; }
.mhfg-opacity-50 { opacity: 0.5; }
.mhfg-opacity-60 { opacity: 0.6; }
.mhfg-opacity-70 { opacity: 0.7; }
.mhfg-opacity-80 { opacity: 0.8; }
.mhfg-opacity-90 { opacity: 0.9; }
.mhfg-opacity-100 { opacity: 1; }

/* Enhanced Z-Index Utilities */
.mhfg-z-0 { z-index: 0; }
.mhfg-z-10 { z-index: 10; }
.mhfg-z-20 { z-index: 20; }
.mhfg-z-30 { z-index: 30; }
.mhfg-z-40 { z-index: 40; }
.mhfg-z-50 { z-index: 50; }
.mhfg-z-auto { z-index: auto; }

/* Enhanced Position Utilities */
.mhfg-relative { position: relative; }
.mhfg-absolute { position: absolute; }
.mhfg-fixed { position: fixed; }
.mhfg-sticky { position: sticky; }

/* Enhanced Display Utilities */
.mhfg-block { display: block; }
.mhfg-inline { display: inline; }
.mhfg-inline-block { display: inline-block; }
.mhfg-flex { display: flex; }
.mhfg-inline-flex { display: inline-flex; }
.mhfg-grid { display: grid; }
.mhfg-none { display: none; }

/* Enhanced Overflow Utilities */
.mhfg-overflow-hidden { overflow: hidden; }
.mhfg-overflow-auto { overflow: auto; }
.mhfg-overflow-scroll { overflow: scroll; }
.mhfg-overflow-visible { overflow: visible; }

/* Enhanced Cursor Utilities */
.mhfg-cursor-pointer { cursor: pointer; }
.mhfg-cursor-help { cursor: help; }
.mhfg-cursor-wait { cursor: wait; }
.mhfg-cursor-not-allowed { cursor: not-allowed; }
.mhfg-cursor-grab { cursor: grab; }
.mhfg-cursor-grabbing { cursor: grabbing; }

/* Enhanced User Select */
.mhfg-selemhfg-none { user-select: none; }
.mhfg-selemhfg-text { user-select: text; }
.mhfg-selemhfg-all { user-select: all; }
.mhfg-selemhfg-auto { user-select: auto; }

/* Final Polish - Micro Interactions */
.mhfg-hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mhfg-hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.mhfg-hover-scale {
    transition: transform 0.3s ease;
}

.mhfg-hover-scale:hover {
    transform: scale(1.05);
}

.mhfg-hover-rotate {
    transition: transform 0.3s ease;
}

.mhfg-hover-rotate:hover {
    transform: rotate(5deg);
}

.mhfg-hover-glow {
    transition: box-shadow 0.3s ease;
}

.mhfg-hover-glow:hover {
    box-shadow: 0 0 20px rgba(245,203,36,0.5);
}

/* Enhanced Focus States */
.mhfg-focus-ring:focus {
    outline: 4px solid var(--mhfg-yellow);
    outline-offset: 2px;
    box-shadow: 0 0 0 2px var(--mhfg-black), 0 0 0 4px var(--mhfg-yellow);
}

/* Enhanced Active States */
.mhfg-active-scale:active {
    transform: scale(0.95);
}

.mhfg-active-opacity:active {
    opacity: 0.8;
}

/* Enhanced Disabled States */
.mhfg-disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Enhanced Loading States */
.mhfg-loading {
    position: relative;
    pointer-events: none;
    opacity: 0.6;
}

.mhfg-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -7px 0 0 -10px;
    border: 4px solid rgba(245,197,47,0.3);
    border-top-color: var(--mhfg-yellow);
    border-radius: 50%;
    animation: mhfg-spin 1s linear infinite;
}

/* Enhanced Success States */
.mhfg-success {
    background: linear-gradient(135deg, var(--mhfg-success), #34d351);
    color: #ffffff;
    padding: 10px 21px;
    border-radius: 7px;
    box-shadow: 0 3px 14px rgba(41,167,64,0.3);
}

/* Enhanced Error States */
.mhfg-error {
    background: linear-gradient(135deg, var(--mhfg-danger), #f57619);
    color: #ffffff;
    padding: 9px 20px;
    border-radius: 7px;
    box-shadow: 0 3px 13px rgba(222,48,71,0.3);
}

/* Enhanced Warning States */
.mhfg-warning {
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    color: var(--mhfg-black);
    padding: 15px 19px;
    border-radius: 7px;
    box-shadow: 0 3px 12px rgba(245,196,38,0.3);
}

/* Enhanced Info States */
.mhfg-info {
    background: linear-gradient(135deg, #1a9bbd, #0c8996);
    color: #ffffff;
    padding: 15px 18px;
    border-radius: 7px;
    box-shadow: 0 5px 11px rgba(27,169,189,0.3);
}

/* Enhanced Responsive Typography */
@media (max-width: 768px) {
    .mhfg-article h1 { font-size: 32px; }
    .mhfg-article h2 { font-size: 28px; }
    .mhfg-article h3 { font-size: 24px; }
    .mhfg-article p { font-size: 16px; }
}

@media (min-width: 769px) and (max-width: 1400px) {
    .mhfg-article h1 { font-size: 42px; }
    .mhfg-article h2 { font-size: 34px; }
    .mhfg-article h3 { font-size: 26px; }
}

@media (min-width: 1025px) {
    .mhfg-article h1 { font-size: 48px; }
    .mhfg-article h2 { font-size: 38px; }
    .mhfg-article h3 { font-size: 28px; }
}

/* Enhanced Print Styles */
@media print {
    .mhfg-article {
        box-shadow: none;
        border: none;
    }
    
    .mhfg-article a::after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
        color: var(--mhfg-text-light);
    }
    
    .mhfg-article img {
        max-width:100%;
        page-break-inside: avoid;
    }
    
    .mhfg-article h1,
    .mhfg-article h2,
    .mhfg-article h3 {
        page-break-after: avoid;
    }
}

/* Enhanced Dark Mode Support (if needed) */
@media (prefers-color-scheme: dark) {
    .mhfg-dark-mode {
        background: var(--mhfg-charcoal);
        color: #ffffff;
    }
    
    .mhfg-dark-mode .mhfg-article {
        background: var(--mhfg-gray);
        color: #ffffff;
    }
}

/* Enhanced High Contrast Mode */
@media (prefers-contrast: high) {
    .mhfg-article {
        border: 2px solid var(--mhfg-black);
    }
    
    .mhfg-article a {
        text-decoration: underline;
    }
}

/* Enhanced Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Enhanced Container Queries Support */
@container (min-width: 600px) {
    .mhfg-article {
        padding: 82px 57px;
    }
}

/* Enhanced Aspect Ratio Utilities */
.mhfg-aspemhfg-square {
    aspemhfg-ratio: 1 / 1;
}

.mhfg-aspemhfg-video {
    aspemhfg-ratio: 16 / 9;
}

.mhfg-aspemhfg-4-3 {
    aspemhfg-ratio: 4 / 3;
}

.mhfg-aspemhfg-3-2 {
    aspemhfg-ratio: 3 / 2;
}

/* Enhanced Object Fit Utilities */
.mhfg-objemhfg-contain {
    objemhfg-fit: contain;
}

.mhfg-objemhfg-cover {
    objemhfg-fit: cover;
}

.mhfg-objemhfg-fill {
    objemhfg-fit: fill;
}

.mhfg-objemhfg-none {
    objemhfg-fit: none;
}

.mhfg-objemhfg-scale-down {
    objemhfg-fit: scale-down;
}

/* Enhanced Object Position Utilities */
.mhfg-objemhfg-center {
    objemhfg-position: center;
}

.mhfg-objemhfg-top {
    objemhfg-position: top;
}

.mhfg-objemhfg-bottom {
    objemhfg-position: bottom;
}

.mhfg-objemhfg-left {
    objemhfg-position: left;
}

.mhfg-objemhfg-right {
    objemhfg-position: right;
}

/* Enhanced Backdrop Filter */
.mhfg-backdrop-blur {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(13px);
}

.mhfg-backdrop-blur-sm {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(5px);
}

.mhfg-backdrop-blur-md {
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(7px);
}

.mhfg-backdrop-blur-lg {
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(13px);
}

.mhfg-backdrop-blur-xl {
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(27px);
}

/* Enhanced Filter Utilities */
.mhfg-filter-blur {
    filter: blur(3px);
}

.mhfg-filter-brightness {
    filter: brightness(1.2);
}

.mhfg-filter-contrast {
    filter: contrast(1.2);
}

.mhfg-filter-grayscale {
    filter: grayscale(100%);
}

.mhfg-filter-hue-rotate {
    filter: hue-rotate(90deg);
}

.mhfg-filter-invert {
    filter: invert(100%);
}

.mhfg-filter-opacity {
    filter: opacity(0.5);
}

.mhfg-filter-saturate {
    filter: saturate(1.5);
}

.mhfg-filter-sepia {
    filter: sepia(100%);
}

/* Enhanced Mix Blend Mode */
.mhfg-mix-blend-normal {
    mix-blend-mode: normal;
}

.mhfg-mix-blend-multiply {
    mix-blend-mode: multiply;
}

.mhfg-mix-blend-screen {
    mix-blend-mode: screen;
}

.mhfg-mix-blend-overlay {
    mix-blend-mode: overlay;
}

.mhfg-mix-blend-darken {
    mix-blend-mode: darken;
}

.mhfg-mix-blend-lighten {
    mix-blend-mode: lighten;
}

/* Enhanced Isolation */
.mhfg-isolation-isolate {
    isolation: isolate;
}

.mhfg-isolation-auto {
    isolation: auto;
}

/* Ultimate Final Polish - Premium Details */
.mhfg-premium-glow {
    position: relative;
}

.mhfg-premium-glow::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(135deg, 
        var(--mhfg-yellow) 0%, 
        var(--mhfg-yellow-light) 25%, 
        var(--mhfg-yellow) 50%, 
        var(--mhfg-yellow-light) 75%, 
        var(--mhfg-yellow) 100%
    );
    border-radius: inherit;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s;
    filter: blur(5px);
}

.mhfg-premium-glow:hover::before {
    opacity: 0.6;
    animation: mhfg-premium-glow-pulse 2s ease-in-out infinite;
}

@keyframes mhfg-premium-glow-pulse {
    0%, 100% { opacity: 0.6; filter: blur(8px); }
    50% { opacity: 0.9; filter: blur(15px); }
}

/* Enhanced 3D Transform Effects */
.mhfg-transform-3d {
    transform-style: preserve-3d;
    perspective: 1000px;
}

.mhfg-card-3d {
    transform-style: preserve-3d;
    transition: transform 0.6s;
}

.mhfg-card-3d:hover {
    transform: rotateY(5deg) rotateX(5deg);
}

/* Enhanced Gradient Text with Animation */
.mhfg-gradient-text-animated {
    background: linear-gradient(90deg, 
        var(--mhfg-black) 0%, 
        var(--mhfg-gray) 25%, 
        var(--mhfg-yellow-dark) 50%, 
        var(--mhfg-gray) 75%, 
        var(--mhfg-black) 100%
    );
    background-size: 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: mhfg-gradient-text-flow 5s linear infinite;
}

@keyframes mhfg-gradient-text-flow {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

/* Enhanced Particle Effect Background */
.mhfg-particle-bg {
    position: relative;
    overflow: hidden;
}

.mhfg-particle-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 30%, rgba(245,197,41,0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(245,199,48,0.08) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(245,193,40,0.06) 0%, transparent 60%);
    animation: mhfg-particle-float 20s ease-in-out infinite;
    pointer-events: none;
}

@keyframes mhfg-particle-float {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(20px, -20px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
}

/* Enhanced Mesh Gradient Effect */
.mhfg-mesh-gradient {
    background: 
        radial-gradient(at 0% 0%, rgba(245,195,51,0.1) 0%, transparent 50%),
        radial-gradient(at 100% 0%, rgba(245,206,43,0.08) 0%, transparent 50%),
        radial-gradient(at 100% 100%, rgba(245,192,50,0.06) 0%, transparent 50%),
        radial-gradient(at 0% 100%, rgba(245,202,42,0.08) 0%, transparent 50%);
    background-size: 200% 200%;
    animation: mhfg-mesh-move 15s ease-in-out infinite;
}

@keyframes mhfg-mesh-move {
    0%, 100% { background-position: 0% 0%; }
    50% { background-position: 100% 100%; }
}

/* Enhanced Liquid Effect */
.mhfg-liquid {
    position: relative;
    overflow: hidden;
}

.mhfg-liquid::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(245,193,37,0.2) 0%, transparent 70%);
    border-radius: 50%;
    animation: mhfg-liquid-wave 8s ease-in-out infinite;
}

@keyframes mhfg-liquid-wave {
    0%, 100% { transform: translate(-50%, -50%) scale(1) rotate(0deg); }
    50% { transform: translate(-50%, -50%) scale(1.5) rotate(180deg); }
}

/* Enhanced Neon Glow Effect */
.mhfg-neon-glow {
    text-shadow: 
        0 0 10px var(--mhfg-yellow),
        0 0 20px var(--mhfg-yellow),
        0 0 30px var(--mhfg-yellow),
        0 0 40px var(--mhfg-yellow);
    animation: mhfg-neon-flicker 3s ease-in-out infinite;
}

@keyframes mhfg-neon-flicker {
    0%, 100% { 
        text-shadow: 
            0 0 10px var(--mhfg-yellow),
            0 0 20px var(--mhfg-yellow),
            0 0 30px var(--mhfg-yellow),
            0 0 40px var(--mhfg-yellow);
    }
    50% { 
        text-shadow: 
            0 0 5px var(--mhfg-yellow),
            0 0 10px var(--mhfg-yellow),
            0 0 15px var(--mhfg-yellow),
            0 0 20px var(--mhfg-yellow);
    }
}

/* Enhanced Holographic Effect */
.mhfg-holographic {
    background: linear-gradient(135deg, 
        rgba(245,195,45,0.8) 0%, 
        rgba(245,205,36,0.6) 25%, 
        rgba(245,192,44,0.4) 50%, 
        rgba(245,202,39,0.6) 75%, 
        rgba(245,204,46,0.8) 100%
    );
    background-size: 200% 200%;
    animation: mhfg-holographic-shift 3s ease-in-out infinite;
    position: relative;
}

.mhfg-holographic::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, 
        transparent 30%, 
        rgba(255, 255, 255, 0.3) 50%, 
        transparent 70%
    );
    animation: mhfg-holographic-shine 2s ease-in-out infinite;
}

@keyframes mhfg-holographic-shift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

@keyframes mhfg-holographic-shine {
    0%, 100% { transform: translateX(-100%); }
    50% { transform: translateX(100%); }
}

/* Enhanced Glassmorphism Advanced */
.mhfg-glass-advanced {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(21px) saturate(180%);
    -webkit-backdrop-filter: blur(23px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.mhfg-glass-advanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.5), 
        transparent
    );
}

/* Enhanced Morphing Background */
.mhfg-morph-bg {
    position: relative;
    overflow: hidden;
}

.mhfg-morph-bg::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: 
        radial-gradient(circle at 30% 30%, rgba(245,200,43,0.15) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(245,191,50,0.12) 0%, transparent 50%);
    border-radius: 50%;
    animation: mhfg-morph-shape 20s ease-in-out infinite;
}

@keyframes mhfg-morph-shape {
    0%, 100% { 
        border-radius: 50% 40% 60% 30%;
        transform: rotate(0deg) scale(1);
    }
    25% { 
        border-radius: 40% 60% 30% 70%;
        transform: rotate(90deg) scale(1.1);
    }
    50% { 
        border-radius: 60% 30% 70% 40%;
        transform: rotate(180deg) scale(0.9);
    }
    75% { 
        border-radius: 30% 70% 40% 60%;
        transform: rotate(270deg) scale(1.05);
    }
}

/* Enhanced Cursor Effects */
.mhfg-cursor-glow {
    cursor: pointer;
}

.mhfg-cursor-glow:hover {
}

/* Enhanced Scroll Snap */
.mhfg-scroll-snap {
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    height: 100vh;
}

.mhfg-scroll-snap > * {
    scroll-snap-align: start;
}

/* Enhanced Will Change Optimizations */
.mhfg-will-change-transform {
    will-change: transform;
}

.mhfg-will-change-opacity {
    will-change: opacity;
}

.mhfg-will-change-scroll {
    will-change: scroll-position;
}

.mhfg-will-change-contents {
    will-change: contents;
}

/* Enhanced Content Visibility */
.mhfg-content-visibility-auto {
    content-visibility: auto;
}

.mhfg-content-visibility-hidden {
    content-visibility: hidden;
}

.mhfg-content-visibility-visible {
    content-visibility: visible;
}

/* Enhanced Contain */
.mhfg-contain-layout {
    contain: layout;
}

.mhfg-contain-style {
    contain: style;
}

.mhfg-contain-paint {
    contain: paint;
}

.mhfg-contain-size {
    contain: size;
}

.mhfg-contain-strict {
    contain: strict;
}

/* Enhanced Image Optimization Classes */
.mhfg-image-optimized {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

.mhfg-image-smooth {
    image-rendering: auto;
    image-rendering: smooth;
}

.mhfg-image-pixelated {
    image-rendering: pixelated;
}

/* Final Ultimate Enhancements - Maximum Detail */
.mhfg-micro-detail-1 {
    position: relative;
}

.mhfg-micro-detail-1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent, 
        var(--mhfg-yellow) 20%, 
        var(--mhfg-yellow-light) 50%, 
        var(--mhfg-yellow) 80%, 
        transparent
    );
    opacity: 0.6;
    animation: mhfg-micro-line-glow 3s ease-in-out infinite;
}

@keyframes mhfg-micro-line-glow {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}

.mhfg-micro-detail-2 {
    position: relative;
}

.mhfg-micro-detail-2::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: radial-gradient(circle, rgba(245,201,42,0.2) 0%, transparent 70%);
    border-radius: 50%;
    animation: mhfg-micro-corner-pulse 2s ease-in-out infinite;
}

@keyframes mhfg-micro-corner-pulse {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.3); opacity: 0.8; }
}

/* Enhanced Text Shadow Variations */
.mhfg-text-shadow-sm {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.mhfg-text-shadow-md {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.mhfg-text-shadow-lg {
    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.mhfg-text-shadow-xl {
    text-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}

.mhfg-text-shadow-yellow {
    text-shadow: 
        0 2px 4px rgba(245,201,39,0.3),
        0 4px 8px rgba(245,203,47,0.2);
}

/* Enhanced Box Shadow Variations */
.mhfg-shadow-xs {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.mhfg-shadow-sm {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.mhfg-shadow-md {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.mhfg-shadow-lg {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}

.mhfg-shadow-xl {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.mhfg-shadow-2xl {
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.18);
}

.mhfg-shadow-yellow-sm {
    box-shadow: 0 2px 8px rgba(245,199,43,0.2);
}

.mhfg-shadow-yellow-md {
    box-shadow: 0 4px 16px rgba(245,193,50,0.3);
}

.mhfg-shadow-yellow-lg {
    box-shadow: 0 8px 24px rgba(245,196,42,0.4);
}

/* Enhanced Border Radius Variations */
.mhfg-rounded-none { border-radius: 0; }
.mhfg-rounded-sm { border-radius: 5px; }
.mhfg-rounded-md { border-radius: 11px; }
.mhfg-rounded-lg { border-radius: 11px; }
.mhfg-rounded-xl { border-radius: 18px; }
.mhfg-rounded-2xl { border-radius: 21px; }
.mhfg-rounded-full { border-radius: 9999px; }

/* Enhanced Border Width Variations */
.mhfg-border-0 { border-width: 0; }
.mhfg-border { border-width: 2px; }
.mhfg-border-2 { border-width: 1px; }
.mhfg-border-4 { border-width: 5px; }
.mhfg-border-8 { border-width: 11px; }

/* Enhanced Border Color Variations */
.mhfg-border-yellow { border-color: var(--mhfg-yellow); }
.mhfg-border-yellow-light { border-color: var(--mhfg-yellow-light); }
.mhfg-border-yellow-dark { border-color: var(--mhfg-yellow-dark); }
.mhfg-border-black { border-color: var(--mhfg-black); }
.mhfg-border-gray { border-color: var(--mhfg-gray); }
.mhfg-border-transparent { border-color: transparent; }

/* Enhanced Background Color Variations */
.mhfg-bg-yellow { background-color: var(--mhfg-yellow); }
.mhfg-bg-yellow-light { background-color: var(--mhfg-yellow-light); }
.mhfg-bg-yellow-dark { background-color: var(--mhfg-yellow-dark); }
.mhfg-bg-black { background-color: var(--mhfg-black); }
.mhfg-bg-gray { background-color: var(--mhfg-gray); }
.mhfg-bg-white { background-color: var(--mhfg-bg); }
.mhfg-bg-transparent { background-color: transparent; }

/* Enhanced Text Color Variations */
.mhfg-text-yellow { color: var(--mhfg-yellow); }
.mhfg-text-yellow-light { color: var(--mhfg-yellow-light); }
.mhfg-text-yellow-dark { color: var(--mhfg-yellow-dark); }
.mhfg-text-black { color: var(--mhfg-black); }
.mhfg-text-gray { color: var(--mhfg-gray); }
.mhfg-text-white { color: #ffffff; }

/* Enhanced Width Utilities */
.mhfg-w-auto { width: auto; }
.mhfg-w-full { width: 100%; }
.mhfg-w-screen { width: 100vw; }
.mhfg-w-1\/2 { width: 50%; }
.mhfg-w-1\/3 { width: 33.333333%; }
.mhfg-w-1\/4 { width: 25%; }
.mhfg-w-1\/5 { width: 20%; }
.mhfg-w-1\/6 { width: 16.666667%; }

/* Enhanced Height Utilities */
.mhfg-h-auto { height: auto; }
.mhfg-h-full { height: 100%; }
.mhfg-h-screen { height: 100vh; }
.mhfg-h-1\/2 { height: 50%; }
.mhfg-h-1\/3 { height: 33.333333%; }
.mhfg-h-1\/4 { height: 25%; }

/* Enhanced Margin Utilities */
.mhfg-m-0 { margin: 0; }
.mhfg-m-auto { margin: auto; }
.mhfg-m-1 { margin: 0.25rem; }
.mhfg-m-2 { margin: 0.5rem; }
.mhfg-m-4 { margin: 1rem; }
.mhfg-m-8 { margin: 2rem; }
.mhfg-m-16 { margin: 4rem; }

/* Enhanced Padding Utilities */
.mhfg-p-0 { padding: 0; }
.mhfg-p-1 { padding: 0.25rem; }
.mhfg-p-2 { padding: 0.5rem; }
.mhfg-p-4 { padding: 1rem; }
.mhfg-p-8 { padding: 2rem; }
.mhfg-p-16 { padding: 4rem; }

/* Enhanced Gap Utilities */
.mhfg-gap-0 { gap: 0; }
.mhfg-gap-1 { gap: 0.25rem; }
.mhfg-gap-2 { gap: 0.5rem; }
.mhfg-gap-4 { gap: 1rem; }
.mhfg-gap-8 { gap: 2rem; }
.mhfg-gap-16 { gap: 4rem; }

/* Enhanced Flex Utilities */
.mhfg-flex-row { flex-direction: row; }
.mhfg-flex-col { flex-direction: column; }
.mhfg-flex-wrap { flex-wrap: wrap; }
.mhfg-flex-nowrap { flex-wrap: nowrap; }
.mhfg-items-start { align-items: flex-start; }
.mhfg-items-center { align-items: center; }
.mhfg-items-end { align-items: flex-end; }
.mhfg-justify-start { justify-content: flex-start; }
.mhfg-justify-center { justify-content: center; }
.mhfg-justify-end { justify-content: flex-end; }
.mhfg-justify-between { justify-content: space-between; }
.mhfg-justify-around { justify-content: space-around; }
.mhfg-justify-evenly { justify-content: space-evenly; }

/* Enhanced Grid Utilities */
.mhfg-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.mhfg-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mhfg-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mhfg-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mhfg-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.mhfg-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.mhfg-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }

/* Enhanced Transition Utilities */
.mhfg-transition-none { transition: none; }
.mhfg-transition-all { transition: all 0.3s ease; }
.mhfg-transition-colors { transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; }
.mhfg-transition-opacity { transition: opacity 0.3s ease; }
.mhfg-transition-transform { transition: transform 0.3s ease; }

/* Enhanced Duration Utilities */
.mhfg-duration-75 { transition-duration: 75ms; }
.mhfg-duration-100 { transition-duration: 100ms; }
.mhfg-duration-150 { transition-duration: 150ms; }
.mhfg-duration-200 { transition-duration: 200ms; }
.mhfg-duration-300 { transition-duration: 300ms; }
.mhfg-duration-500 { transition-duration: 500ms; }
.mhfg-duration-700 { transition-duration: 700ms; }
.mhfg-duration-1000 { transition-duration: 1000ms; }

/* Enhanced Easing Utilities */
.mhfg-ease-linear { transition-timing-function: linear; }
.mhfg-ease-in { transition-timing-function: ease-in; }
.mhfg-ease-out { transition-timing-function: ease-out; }
.mhfg-ease-in-out { transition-timing-function: ease-in-out; }

/* Enhanced Transform Utilities */
.mhfg-transform { transform: translateZ(0); }
.mhfg-transform-none { transform: none; }
.mhfg-scale-0 { transform: scale(0); }
.mhfg-scale-50 { transform: scale(0.5); }
.mhfg-scale-75 { transform: scale(0.75); }
.mhfg-scale-90 { transform: scale(0.9); }
.mhfg-scale-95 { transform: scale(0.95); }
.mhfg-scale-100 { transform: scale(1); }
.mhfg-scale-105 { transform: scale(1.05); }
.mhfg-scale-110 { transform: scale(1.1); }
.mhfg-scale-125 { transform: scale(1.25); }
.mhfg-scale-150 { transform: scale(1.5); }

/* Enhanced Rotate Utilities */
.mhfg-rotate-0 { transform: rotate(0deg); }
.mhfg-rotate-45 { transform: rotate(45deg); }
.mhfg-rotate-90 { transform: rotate(90deg); }
.mhfg-rotate-180 { transform: rotate(180deg); }
.mhfg-rotate-270 { transform: rotate(270deg); }

/* Enhanced Translate Utilities */
.mhfg-translate-x-0 { transform: translateX(0); }
.mhfg-translate-x-full { transform: translateX(100%); }
.mhfg-translate-x-1\/2 { transform: translateX(50%); }
.mhfg-translate-y-0 { transform: translateY(0); }
.mhfg-translate-y-full { transform: translateY(100%); }
.mhfg-translate-y-1\/2 { transform: translateY(50%); }

/* Enhanced Skew Utilities */
.mhfg-skew-x-0 { transform: skewX(0deg); }
.mhfg-skew-x-12 { transform: skewX(12deg); }
.mhfg-skew-y-0 { transform: skewY(0deg); }
.mhfg-skew-y-12 { transform: skewY(12deg); }

/* Enhanced Origin Utilities */
.mhfg-origin-center { transform-origin: center; }
.mhfg-origin-top { transform-origin: top; }
.mhfg-origin-right { transform-origin: right; }
.mhfg-origin-bottom { transform-origin: bottom; }
.mhfg-origin-left { transform-origin: left; }
.mhfg-origin-top-right { transform-origin: top right; }
.mhfg-origin-bottom-left { transform-origin: bottom left; }

/* Enhanced Pointer Events */
.mhfg-pointer-events-none { pointer-events: none; }
.mhfg-pointer-events-auto { pointer-events: auto; }

/* Enhanced Resize */
.mhfg-resize-none { resize: none; }
.mhfg-resize-y { resize: vertical; }
.mhfg-resize-x { resize: horizontal; }
.mhfg-resize { resize: both; }

/* Enhanced Scroll Behavior */
.mhfg-scroll-smooth { scroll-behavior: smooth; }
.mhfg-scroll-auto { scroll-behavior: auto; }

/* Enhanced Overscroll Behavior */
.mhfg-overscroll-auto { overscroll-behavior: auto; }
.mhfg-overscroll-contain { overscroll-behavior: contain; }
.mhfg-overscroll-none { overscroll-behavior: none; }

/* Enhanced Text Alignment */
.mhfg-text-left { text-align: left; }
.mhfg-text-center { text-align: center; }
.mhfg-text-right { text-align: right; }
.mhfg-text-justify { text-align: justify; }

/* Enhanced Text Decoration */
.mhfg-underline { text-decoration: underline; }
.mhfg-overline { text-decoration: overline; }
.mhfg-line-through { text-decoration: line-through; }
.mhfg-no-underline { text-decoration: none; }

/* Enhanced Text Transform */
.mhfg-uppercase { text-transform: uppercase; }
.mhfg-lowercase { text-transform: lowercase; }
.mhfg-capitalize { text-transform: capitalize; }
.mhfg-normal-case { text-transform: none; }

/* Enhanced Font Style */
.mhfg-italic { font-style: italic; }
.mhfg-not-italic { font-style: normal; }

/* Enhanced Font Variant */
.mhfg-normal-nums { font-variant-numeric: normal; }
.mhfg-ordinal { font-variant-numeric: ordinal; }
.mhfg-slashed-zero { font-variant-numeric: slashed-zero; }
.mhfg-lining-nums { font-variant-numeric: lining-nums; }
.mhfg-oldstyle-nums { font-variant-numeric: oldstyle-nums; }
.mhfg-proportional-nums { font-variant-numeric: proportional-nums; }
.mhfg-tabular-nums { font-variant-numeric: tabular-nums; }
.mhfg-diagonal-fractions { font-variant-numeric: diagonal-fractions; }
.mhfg-stacked-fractions { font-variant-numeric: stacked-fractions; }

/* Enhanced List Style */
.mhfg-list-none { list-style: none; }
.mhfg-list-disc { list-style: disc; }
.mhfg-list-decimal { list-style: decimal; }

/* Enhanced Place Items */
.mhfg-place-items-auto { place-items: auto; }
.mhfg-place-items-start { place-items: start; }
.mhfg-place-items-end { place-items: end; }
.mhfg-place-items-center { place-items: center; }
.mhfg-place-items-stretch { place-items: stretch; }

/* Enhanced Place Content */
.mhfg-place-content-center { place-content: center; }
.mhfg-place-content-start { place-content: start; }
.mhfg-place-content-end { place-content: end; }
.mhfg-place-content-between { place-content: space-between; }
.mhfg-place-content-around { place-content: space-around; }
.mhfg-place-content-evenly { place-content: space-evenly; }
.mhfg-place-content-stretch { place-content: stretch; }

/* Enhanced Place Self */
.mhfg-place-self-auto { place-self: auto; }
.mhfg-place-self-start { place-self: start; }
.mhfg-place-self-end { place-self: end; }
.mhfg-place-self-center { place-self: center; }
.mhfg-place-self-stretch { place-self: stretch; }

/* Final Ultimate Polish - Maximum Visual Detail */
.mhfg-ultimate-detail-wrapper {
    position: relative;
}

.mhfg-ultimate-detail-wrapper::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: linear-gradient(135deg, 
        var(--mhfg-yellow) 0%, 
        var(--mhfg-yellow-light) 25%, 
        var(--mhfg-yellow) 50%, 
        var(--mhfg-yellow-light) 75%, 
        var(--mhfg-yellow) 100%
    );
    border-radius: inherit;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s;
    filter: blur(5px);
}

.mhfg-ultimate-detail-wrapper:hover::before {
    opacity: 0.4;
    animation: mhfg-ultimate-glow-pulse 2s ease-in-out infinite;
}

@keyframes mhfg-ultimate-glow-pulse {
    0%, 100% { 
        opacity: 0.4;
        filter: blur(3px);
    }
    50% { 
        opacity: 0.7;
        filter: blur(9px);
    }
}

.mhfg-ultimate-detail-wrapper::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(245,206,37,0.3) 0%, transparent 70%);
    border-radius: 50%;
    transition: width 0.6s, height 0.6s;
    pointer-events: none;
}

.mhfg-ultimate-detail-wrapper:hover::after {
    width: 200%;
    height: 200%;
}

/* Enhanced Image Loading Placeholder */
.mhfg-image-placeholder {
    position: relative;
    background: linear-gradient(135deg, 
        rgba(245,192,45,0.1) 0%, 
        rgba(245,199,36,0.05) 50%, 
        rgba(245,193,44,0.1) 100%
    );
    background-size: 200% 200%;
    animation: mhfg-placeholder-shimmer 2s ease-in-out infinite;
    overflow: hidden;
}

.mhfg-image-placeholder::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent
    );
    animation: mhfg-placeholder-sweep 2s ease-in-out infinite;
}

@keyframes mhfg-placeholder-shimmer {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

@keyframes mhfg-placeholder-sweep {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* Enhanced Lazy Load Image States */
.mhfg-lazy-image {
    opacity: 0;
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
    transform: scale(0.98);
}

.mhfg-lazy-image.loading {
    opacity: 0.5;
    filter: blur(13px) brightness(0.8);
}

.mhfg-lazy-image.loaded {
    opacity: 1;
    filter: blur(0) brightness(1);
    transform: scale(1);
}

.mhfg-lazy-image.error {
    opacity: 0.3;
    filter: grayscale(100%);
}

/* Enhanced Image Container with Loading State */
.mhfg-image-container {
    position: relative;
    overflow: hidden;
    background: var(--mhfg-bg-alt);
}

.mhfg-image-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(245,206,47,0.05) 0%, 
        rgba(245,192,38,0.02) 50%, 
        rgba(245,202,46,0.05) 100%
    );
    opacity: 1;
    transition: opacity 0.6s;
    z-index: 1;
    pointer-events: none;
}

.mhfg-image-container img.loaded ~ ::before {
    opacity: 0;
}

.mhfg-image-container::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border: 4px solid rgba(245,204,41,0.3);
    border-top-color: var(--mhfg-yellow);
    border-radius: 50%;
    animation: mhfg-image-spinner 1s linear infinite;
    opacity: 1;
    transition: opacity 0.3s;
    z-index: 2;
    pointer-events: none;
}

.mhfg-image-container img.loaded ~ ::after {
    opacity: 0;
    animation: none;
}

@keyframes mhfg-image-spinner {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Enhanced SEO-Friendly Image Wrapper */
.mhfg-seo-image-wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.mhfg-seo-image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    objemhfg-fit: cover;
}

.mhfg-seo-image-wrapper figcaption {
    margin-top: 12px;
    padding: 15px 14px;
    background: linear-gradient(135deg, 
        rgba(245,195,49,0.08) 0%, 
        rgba(245,205,40,0.04) 100%
    );
    border-left: 3px solid var(--mhfg-yellow);
    border-radius: 7px;
    font-size: 13px;
    color: var(--mhfg-text);
    line-height: 1.6;
    text-align: center;
}

/* Enhanced Responsive Image Sizes */
.mhfg-responsive-image {
    max-width:100%;
    height: auto;
    display: block;
}

.mhfg-responsive-image[loading="lazy"] {
    min-height: 200px;
    background: linear-gradient(135deg, 
        rgba(245,191,48,0.1) 0%, 
        rgba(245,202,43,0.05) 100%
    );
}

.mhfg-responsive-image[loading="lazy"].loaded {
    min-height: auto;
    background: transparent;
}

/* Enhanced Image Aspect Ratio Container */
.mhfg-aspemhfg-image-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 */
    overflow: hidden;
    background: var(--mhfg-bg-alt);
}

.mhfg-aspemhfg-image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    objemhfg-fit: cover;
}

.mhfg-aspemhfg-image-container[data-ratio="1:1"] {
    padding-bottom: 100%;
}

.mhfg-aspemhfg-image-container[data-ratio="4:3"] {
    padding-bottom: 75%;
}

.mhfg-aspemhfg-image-container[data-ratio="3:2"] {
    padding-bottom: 66.666%;
}

.mhfg-aspemhfg-image-container[data-ratio="21:9"] {
    padding-bottom: 42.857%;
}

/* Enhanced Image Gallery */
.mhfg-image-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 43px 0;
}

.mhfg-image-gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    aspemhfg-ratio: 4 / 3;
    background: var(--mhfg-bg-alt);
}

.mhfg-image-gallery-item img {
    width: 100%;
    height: 100%;
    objemhfg-fit: cover;
    transition: transform 0.4s ease;
}

.mhfg-image-gallery-item:hover img {
    transform: scale(1.1);
}

.mhfg-image-gallery-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(245,204,51,0.1) 0%, 
        transparent 100%
    );
    opacity: 0;
    transition: opacity 0.4s;
}

.mhfg-image-gallery-item:hover::after {
    opacity: 1;
}

/* Enhanced Image Lightbox Effect */
.mhfg-image-lightbox {
    cursor: zoom-in;
    transition: transform 0.3s ease;
}

.mhfg-image-lightbox:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

/* Enhanced Image Overlay on Hover */
.mhfg-image-overlay-hover {
    position: relative;
    overflow: hidden;
}

.mhfg-image-overlay-hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(245,205,37,0.2) 0%, 
        rgba(245,191,45,0.1) 100%
    );
    opacity: 0;
    transition: opacity 0.4s;
    z-index: 1;
    pointer-events: none;
}

.mhfg-image-overlay-hover:hover::before {
    opacity: 1;
}

.mhfg-image-overlay-hover::after {
    content: '🔍';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    font-size: 32px;
    opacity: 0;
    transition: all 0.4s;
    z-index: 2;
    pointer-events: none;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.mhfg-image-overlay-hover:hover::after {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

/* Enhanced Image Caption with Icon */
.mhfg-image-caption-enhanced {
    position: relative;
    padding: 16px 23px;
    background: linear-gradient(135deg, 
        rgba(245,204,44,0.1) 0%, 
        rgba(245,198,39,0.05) 100%
    );
    border-left: 4px solid var(--mhfg-yellow);
    border-radius: 7px;
    margin-top: 19px;
    font-size: 13px;
    color: var(--mhfg-text);
    line-height: 1.7;
    text-align: center;
}

.mhfg-image-caption-enhanced::before {
    content: '📸';
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    opacity: 0.6;
}

/* Enhanced Image Border Effects */
.mhfg-image-border-glow {
    position: relative;
    padding: 4px;
    background: linear-gradient(135deg, 
        var(--mhfg-yellow) 0%, 
        var(--mhfg-yellow-light) 50%, 
        var(--mhfg-yellow) 100%
    );
    border-radius: 11px;
    animation: mhfg-border-glow-rotate 3s linear infinite;
}

@keyframes mhfg-border-glow-rotate {
    0% { 
        background: linear-gradient(135deg, var(--mhfg-yellow) 0%, var(--mhfg-yellow-light) 50%, var(--mhfg-yellow) 100%);
    }
    50% { 
        background: linear-gradient(225deg, var(--mhfg-yellow-light) 0%, var(--mhfg-yellow) 50%, var(--mhfg-yellow-light) 100%);
    }
    100% { 
        background: linear-gradient(135deg, var(--mhfg-yellow) 0%, var(--mhfg-yellow-light) 50%, var(--mhfg-yellow) 100%);
    }
}

.mhfg-image-border-glow img {
    border-radius: 3px;
    display: block;
}

/* Enhanced Image Focus Ring */
.mhfg-image-focus-ring:focus {
    outline: 5px solid var(--mhfg-yellow);
    outline-offset: 5px;
    border-radius: 7px;
}

.mhfg-image-focus-ring:focus-visible {
    outline: 5px solid var(--mhfg-yellow);
    outline-offset: 3px;
    box-shadow: 
        0 0 0 2px var(--mhfg-black),
        0 0 0 6px var(--mhfg-yellow),
        0 0 20px rgba(245,200,47,0.5);
}

/* Enhanced Image Loading Progress */
.mhfg-image-loading-progress {
    position: relative;
}

.mhfg-image-loading-progress::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    width: 0;
    animation: mhfg-loading-progress 2s ease-in-out;
}

@keyframes mhfg-loading-progress {
    from { width: 0; }
    to { width: 100%; }
}

.mhfg-image-loading-progress img.loaded ~ ::after {
    width: 100%;
    animation: none;
}

/* Final Maximum Detail Enhancements */
.mhfg-article-wrapper {
    position: relative;
    padding: 83px 59px;
    background: linear-gradient(135deg, 
        var(--mhfg-bg) 0%, 
        #fafafa 25%, 
        var(--mhfg-bg) 50%, 
        #fafafa 75%, 
        var(--mhfg-bg) 100%
    );
    background-size: 400% 400%;
    animation: mhfg-bg-gradient-flow 20s ease-in-out infinite;
}

@keyframes mhfg-bg-gradient-flow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.mhfg-article-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--mhfg-yellow) 10%, 
        var(--mhfg-yellow-light) 20%, 
        var(--mhfg-yellow) 30%, 
        var(--mhfg-yellow-light) 40%, 
        var(--mhfg-yellow) 50%, 
        var(--mhfg-yellow-light) 60%, 
        var(--mhfg-yellow) 70%, 
        var(--mhfg-yellow-light) 80%, 
        var(--mhfg-yellow) 90%, 
        transparent 100%
    );
    animation: mhfg-top-border-flow 5s linear infinite;
}

@keyframes mhfg-top-border-flow {
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; }
}

.mhfg-article-wrapper::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(245,194,38,0.3), 
        transparent
    );
    opacity: 0.6;
}

/* Enhanced Section Transitions */
.mhfg-section-fade {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.mhfg-section-fade.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Enhanced Card Depth */
.mhfg-card-depth-1 {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.mhfg-card-depth-2 {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}

.mhfg-card-depth-3 {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.mhfg-card-depth-4 {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.18);
}

.mhfg-card-depth-5 {
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
}

/* Enhanced Text Gradients */
.mhfg-text-gradient-1 {
    background: linear-gradient(135deg, var(--mhfg-black), var(--mhfg-gray));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.mhfg-text-gradient-2 {
    background: linear-gradient(135deg, var(--mhfg-yellow-dark), var(--mhfg-yellow), var(--mhfg-yellow-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.mhfg-text-gradient-3 {
    background: linear-gradient(90deg, var(--mhfg-black) 0%, var(--mhfg-yellow-dark) 50%, var(--mhfg-black) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-size: 200% 100%;
    animation: mhfg-text-gradient-animate 5s ease-in-out infinite;
}

@keyframes mhfg-text-gradient-animate {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Enhanced Border Gradients */
.mhfg-border-gradient-1 {
    border: 2px solid;
    border-image: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light)) 1;
}

.mhfg-border-gradient-2 {
    border: 3px solid;
    border-image: linear-gradient(90deg, var(--mhfg-yellow) 0%, var(--mhfg-yellow-light) 50%, var(--mhfg-yellow) 100%) 1;
}

.mhfg-border-gradient-3 {
    border: 4px solid;
    border-image: linear-gradient(45deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow)) 1;
}

/* Enhanced Background Patterns */
.mhfg-pattern-dots {
    background-image: radial-gradient(circle, rgba(245,196,43,0.1) 1px, transparent 1px);
    background-size: 20px 20px;
}

.mhfg-pattern-grid {
    background-image: 
        linear-gradient(rgba(245,203,51,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245,197,42,0.05) 1px, transparent 1px);
    background-size: 20px 20px;
}

.mhfg-pattern-diagonal {
    background-image: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 10px,
        rgba(245,199,50,0.03) 10px,
        rgba(245,194,45,0.03) 20px
    );
}

.mhfg-pattern-waves {
    background-image: 
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 2px,
            rgba(245,196,37,0.05) 2px,
            rgba(245,206,44,0.05) 4px
        );
}

/* Enhanced Hover Effects */
.mhfg-hover-brightness:hover {
    filter: brightness(1.1);
}

.mhfg-hover-contrast:hover {
    filter: contrast(1.1);
}

.mhfg-hover-saturate:hover {
    filter: saturate(1.2);
}

.mhfg-hover-sepia:hover {
    filter: sepia(0.2);
}

.mhfg-hover-blur:hover {
    filter: blur(3px);
}

.mhfg-hover-grayscale:hover {
    filter: grayscale(0.3);
}

/* Enhanced Focus Effects */
.mhfg-focus-ring-yellow:focus {
    outline: 2px solid var(--mhfg-yellow);
    outline-offset: 3px;
    box-shadow: 0 0 0 2px var(--mhfg-black), 0 0 0 4px var(--mhfg-yellow);
}

.mhfg-focus-ring-yellow-light:focus {
    outline: 4px solid var(--mhfg-yellow-light);
    outline-offset: 4px;
    box-shadow: 0 0 0 1px var(--mhfg-black), 0 0 0 4px var(--mhfg-yellow-light);
}

/* Enhanced Active States */
.mhfg-active-scale-down:active {
    transform: scale(0.98);
}

.mhfg-active-scale-up:active {
    transform: scale(1.02);
}

.mhfg-active-rotate:active {
    transform: rotate(5deg);
}

/* Enhanced Disabled States */
.mhfg-disabled-opacity {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.mhfg-disabled-grayscale {
    filter: grayscale(100%);
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

/* Enhanced Loading States */
.mhfg-loading-spinner {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(245,192,36,0.3);
    border-top-color: var(--mhfg-yellow);
    border-radius: 50%;
    animation: mhfg-spin 1s linear infinite;
}

.mhfg-loading-dots::after {
    content: '...';
    animation: mhfg-dots 1.5s steps(4, end) infinite;
}

@keyframes mhfg-dots {
    0%, 20% { content: '.'; }
    40% { content: '..'; }
    60%, 100% { content: '...'; }
}

.mhfg-loading-pulse {
    animation: mhfg-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes mhfg-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Enhanced Success States */
.mhfg-success-checkmark {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.mhfg-success-checkmark::before {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--mhfg-success);
    font-weight: 900;
    font-size: 16px;
}

/* Enhanced Error States */
.mhfg-error-cross {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.mhfg-error-cross::before {
    content: '✕';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--mhfg-danger);
    font-weight: 900;
    font-size: 16px;
}

/* Enhanced Warning States */
.mhfg-warning-exclamation {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.mhfg-warning-exclamation::before {
    content: '!';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--mhfg-yellow-dark);
    font-weight: 900;
    font-size: 16px;
}

/* Enhanced Info States */
.mhfg-info-circle {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.mhfg-info-circle::before {
    content: 'i';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #1fa4c0;
    font-weight: 900;
    font-size: 16px;
    font-style: italic;
}

/* Enhanced Badge Variations */
.mhfg-badge-sm {
    padding: 3px 5px;
    font-size: 0.7em;
}

.mhfg-badge-md {
    padding: 4px 15px;
    font-size: 0.85em;
}

.mhfg-badge-lg {
    padding: 5px 17px;
    font-size: 1em;
}

.mhfg-badge-xl {
    padding: 11px 19px;
    font-size: 1.1em;
}

/* Enhanced Button Variations */
.mhfg-button-sm {
    padding: 10px 13px;
    font-size: 0.875rem;
}

.mhfg-button-md {
    padding: 12px 27px;
    font-size: 1rem;
}

.mhfg-button-lg {
    padding: 14px 33px;
    font-size: 1.125rem;
}

.mhfg-button-xl {
    padding: 23px 39px;
    font-size: 1.25rem;
}

/* Enhanced Input Variations */
.mhfg-input-sm {
    padding: 7px 9px;
    font-size: 0.875rem;
}

.mhfg-input-md {
    padding: 10px 19px;
    font-size: 1rem;
}

.mhfg-input-lg {
    padding: 12px 21px;
    font-size: 1.125rem;
}

.mhfg-input-xl {
    padding: 21px 23px;
    font-size: 1.25rem;
}

/* Enhanced Select Variations */
.mhfg-selemhfg-sm {
    padding: 7px 29px 6px 15px;
    font-size: 0.875rem;
}

.mhfg-selemhfg-md {
    padding: 8px 41px 13px 15px;
    font-size: 1rem;
}

.mhfg-selemhfg-lg {
    padding: 16px 45px 14px 23px;
    font-size: 1.125rem;
}

.mhfg-selemhfg-xl {
    padding: 16px 57px 21px 23px;
    font-size: 1.25rem;
}

/* Enhanced Textarea Variations */
.mhfg-textarea-sm {
    padding: 7px 9px;
    font-size: 0.875rem;
    min-height: 100px;
}

.mhfg-textarea-md {
    padding: 13px 14px;
    font-size: 1rem;
    min-height: 120px;
}

.mhfg-textarea-lg {
    padding: 17px 19px;
    font-size: 1.125rem;
    min-height: 160px;
}

.mhfg-textarea-xl {
    padding: 15px 24px;
    font-size: 1.25rem;
    min-height: 200px;
}

/* Enhanced Checkbox Variations */
.mhfg-checkbox-sm {
    width: 16px;
    height: 16px;
}

.mhfg-checkbox-md {
    width: 20px;
    height: 20px;
}

.mhfg-checkbox-lg {
    width: 24px;
    height: 24px;
}

.mhfg-checkbox-xl {
    width: 28px;
    height: 28px;
}

/* Enhanced Radio Variations */
.mhfg-radio-sm {
    width: 16px;
    height: 16px;
}

.mhfg-radio-md {
    width: 20px;
    height: 20px;
}

.mhfg-radio-lg {
    width: 24px;
    height: 24px;
}

.mhfg-radio-xl {
    width: 28px;
    height: 28px;
}

/* Enhanced Switch Variations */
.mhfg-switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
}

.mhfg-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.mhfg-switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--mhfg-border);
    transition: 0.4s;
    border-radius: 27px;
}

.mhfg-switch-slider::before {
    position: absolute;
    content: '';
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: #ffffff;
    transition: 0.4s;
    border-radius: 50%;
}

.mhfg-switch input:checked + .mhfg-switch-slider {
    background-color: var(--mhfg-yellow);
}

.mhfg-switch input:checked + .mhfg-switch-slider::before {
    transform: translateX(20px);
}

.mhfg-switch input:focus + .mhfg-switch-slider {
    box-shadow: 0 0 1px var(--mhfg-yellow);
}

/* Enhanced Range Input */
.mhfg-range {
    width: 100%;
    height: 6px;
    border-radius: 4px;
    background: var(--mhfg-bg-alt);
    outline: none;
    -webkit-appearance: none;
}

.mhfg-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(245,199,47,0.4);
}

.mhfg-range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(245,193,38,0.4);
    border: none;
}

.mhfg-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-radius: 4px;
}

.mhfg-range::-moz-range-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-radius: 3px;
}

/* Enhanced File Input */
.mhfg-file-input {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.mhfg-file-input input[type="file"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.mhfg-file-input-label {
    display: inline-block;
    padding: 15px 22px;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    color: var(--mhfg-black);
    border-radius: 7px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s;
}

.mhfg-file-input-label:hover {
    background: linear-gradient(135deg, var(--mhfg-yellow-light), var(--mhfg-yellow));
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(245,195,46,0.4);
}

/* Enhanced Color Input */
.mhfg-color-input {
    width: 50px;
    height: 50px;
    border: 3px solid var(--mhfg-border);
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
}

.mhfg-color-input:hover {
    border-color: var(--mhfg-yellow);
    box-shadow: 0 0 15px rgba(245,206,41,0.4);
    transform: scale(1.1);
}

/* Enhanced Date Input */
.mhfg-date-input {
    padding: 13px 15px;
    border: 3px solid var(--mhfg-border);
    border-radius: 5px;
    font-size: 1rem;
    transition: all 0.3s;
}

.mhfg-date-input:focus {
    border-color: var(--mhfg-yellow);
    box-shadow: 0 0 0 3px rgba(245,192,49,0.1);
    outline: none;
}

/* Enhanced Time Input */
.mhfg-time-input {
    padding: 13px 14px;
    border: 3px solid var(--mhfg-border);
    border-radius: 7px;
    font-size: 1rem;
    transition: all 0.3s;
}

.mhfg-time-input:focus {
    border-color: var(--mhfg-yellow);
    box-shadow: 0 0 0 3px rgba(245,202,40,0.1);
    outline: none;
}

/* Enhanced Datetime Input */
.mhfg-datetime-input {
    padding: 12px 13px;
    border: 2px solid var(--mhfg-border);
    border-radius: 7px;
    font-size: 1rem;
    transition: all 0.3s;
}

.mhfg-datetime-input:focus {
    border-color: var(--mhfg-yellow);
    box-shadow: 0 0 0 3px rgba(245,193,48,0.1);
    outline: none;
}

/* Enhanced Month Input */
.mhfg-month-input {
    padding: 11px 19px;
    border: 1px solid var(--mhfg-border);
    border-radius: 7px;
    font-size: 1rem;
    transition: all 0.3s;
}

.mhfg-month-input:focus {
    border-color: var(--mhfg-yellow);
    box-shadow: 0 0 0 3px rgba(245,195,43,0.1);
    outline: none;
}

/* Enhanced Week Input */
.mhfg-week-input {
    padding: 10px 19px;
    border: 1px solid var(--mhfg-border);
    border-radius: 7px;
    font-size: 1rem;
    transition: all 0.3s;
}

.mhfg-week-input:focus {
    border-color: var(--mhfg-yellow);
    box-shadow: 0 0 0 3px rgba(245,205,51,0.1);
    outline: none;
}

/* Enhanced URL Input */
.mhfg-url-input {
    padding: 9px 18px;
    border: 1px solid var(--mhfg-border);
    border-radius: 6px;
    font-size: 1rem;
    transition: all 0.3s;
}

.mhfg-url-input:focus {
    border-color: var(--mhfg-yellow);
    box-shadow: 0 0 0 3px rgba(245,192,42,0.1);
    outline: none;
}

/* Enhanced Email Input */
.mhfg-email-input {
    padding: 8px 17px;
    border: 3px solid var(--mhfg-border);
    border-radius: 5px;
    font-size: 1rem;
    transition: all 0.3s;
}

.mhfg-email-input:focus {
    border-color: var(--mhfg-yellow);
    box-shadow: 0 0 0 3px rgba(245,202,50,0.1);
    outline: none;
}

/* Enhanced Tel Input */
.mhfg-tel-input {
    padding: 7px 16px;
    border: 3px solid var(--mhfg-border);
    border-radius: 5px;
    font-size: 1rem;
    transition: all 0.3s;
}

.mhfg-tel-input:focus {
    border-color: var(--mhfg-yellow);
    box-shadow: 0 0 0 3px rgba(245,204,45,0.1);
    outline: none;
}

/* Enhanced Search Input */
.mhfg-search-input {
    padding: 13px 15px 12px 37px;
    border: 2px solid var(--mhfg-border);
    border-radius: 7px;
    font-size: 1rem;
    transition: all 0.3s;
    position: relative;
}

.mhfg-search-input::before {
    content: '🔍';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    opacity: 0.5;
}

.mhfg-search-input:focus {
    border-color: var(--mhfg-yellow);
    box-shadow: 0 0 0 3px rgba(245,198,37,0.1);
    outline: none;
}

/* Enhanced Password Input */
.mhfg-password-input {
    padding: 9px 18px;
    border: 1px solid var(--mhfg-border);
    border-radius: 6px;
    font-size: 1rem;
    transition: all 0.3s;
}

.mhfg-password-input:focus {
    border-color: var(--mhfg-yellow);
    box-shadow: 0 0 0 3px rgba(245,205,44,0.1);
    outline: none;
}

/* Enhanced Number Input */
.mhfg-number-input {
    padding: 8px 17px;
    border: 3px solid var(--mhfg-border);
    border-radius: 5px;
    font-size: 1rem;
    transition: all 0.3s;
}

.mhfg-number-input:focus {
    border-color: var(--mhfg-yellow);
    box-shadow: 0 0 0 3px rgba(245,191,36,0.1);
    outline: none;
}

/* Enhanced Hidden Input */
.mhfg-hidden-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Enhanced Output Element */
.mhfg-output {
    display: inline-block;
    padding: 5px 12px;
    background: rgba(245,201,47,0.1);
    border: 1px solid var(--mhfg-yellow);
    border-radius: 3px;
    font-weight: 600;
    color: var(--mhfg-black);
}

/* Enhanced Meter Element */
.mhfg-meter {
    width: 100%;
    height: 20px;
    border-radius: 13px;
    background: var(--mhfg-bg-alt);
    overflow: hidden;
}

.mhfg-meter::-webkit-meter-bar {
    background: var(--mhfg-bg-alt);
}

.mhfg-meter::-webkit-meter-optimum-value {
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
}

.mhfg-meter::-webkit-meter-suboptimum-value {
    background: linear-gradient(90deg, var(--mhfg-yellow-light), var(--mhfg-yellow));
}

.mhfg-meter::-webkit-meter-even-less-good-value {
    background: linear-gradient(90deg, #f56168, #f59836);
}

/* Enhanced Progress Element */
.mhfg-progress {
    width: 100%;
    height: 20px;
    border-radius: 12px;
    background: var(--mhfg-bg-alt);
    overflow: hidden;
}

.mhfg-progress::-webkit-progress-bar {
    background: var(--mhfg-bg-alt);
    border-radius: 7px;
}

.mhfg-progress::-webkit-progress-value {
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-radius: 10px;
    transition: width 0.3s;
}

/* Enhanced Details Element */
.mhfg-details {
    margin: 23px 0;
    padding: 14px;
    background: rgba(245,204,39,0.05);
    border: 1px solid rgba(245,198,46,0.2);
    border-radius: 11px;
}

.mhfg-details summary {
    cursor: pointer;
    font-weight: 700;
    color: var(--mhfg-black);
    padding: 7px;
    margin: -10px;
    border-radius: 5px;
    transition: all 0.3s;
}

.mhfg-details summary:hover {
    background: rgba(245,200,38,0.1);
}

.mhfg-details summary::marker {
    color: var(--mhfg-yellow);
}

.mhfg-details[open] summary {
    margin-bottom: 16px;
}

/* Enhanced Dialog Element */
.mhfg-dialog {
    padding: 33px;
    border: none;
    border-radius: 10px;
    box-shadow: 
        0 21px 63px rgba(0, 0, 0, 0.3),
        0 0 0 1px rgba(245,201,40,0.2);
    max-width: 600px;
    width: 90%;
}

.mhfg-dialog::backdrop {
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(5px);
}

/* Enhanced Menu Element */
.mhfg-menu {
    list-style: none;
    padding: 11px;
    background: var(--mhfg-bg);
    border: 1px solid var(--mhfg-border);
    border-radius: 7px;
    box-shadow: 0 5px 11px rgba(0, 0, 0, 0.1);
}

.mhfg-menu li {
    padding: 10px 9px;
    border-radius: 4px;
    transition: all 0.3s;
}

.mhfg-menu li:hover {
    background: rgba(245,200,51,0.1);
}

.mhfg-menu li:active {
    background: rgba(245,194,42,0.2);
}

/* Enhanced Menuitem Element */
.mhfg-menuitem {
    display: block;
    padding: 11px 10px;
    color: var(--mhfg-text);
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.3s;
}

.mhfg-menuitem:hover {
    background: rgba(245,201,50,0.1);
    color: var(--mhfg-black);
}

.mhfg-menuitem:active {
    background: rgba(245,203,45,0.2);
}

/* Enhanced Fieldset Element */
.mhfg-fieldset {
    border: 2px solid var(--mhfg-border);
    border-radius: 7px;
    padding: 22px;
    margin: 17px 0;
}

.mhfg-fieldset legend {
    padding: 0 12px;
    font-weight: 700;
    color: var(--mhfg-black);
    background: var(--mhfg-bg);
}

/* Enhanced Label Element */
.mhfg-label {
    display: block;
    margin-bottom: 11px;
    font-weight: 600;
    color: var(--mhfg-black);
}

.mhfg-label-required::after {
    content: ' *';
    color: var(--mhfg-danger);
}

/* Enhanced Legend Element */
.mhfg-legend {
    padding: 0 10px;
    font-weight: 700;
    color: var(--mhfg-black);
    font-size: 1.1em;
}

/* Enhanced Optgroup Element */
.mhfg-optgroup {
    font-weight: 700;
    color: var(--mhfg-black);
}

/* Enhanced Option Element */
.mhfg-option {
    padding: 9px 15px;
    color: var(--mhfg-text);
}

.mhfg-option:hover {
    background: rgba(245,197,37,0.1);
}

.mhfg-option:checked {
    background: var(--mhfg-yellow);
    color: var(--mhfg-black);
}

/* Enhanced Datalist Element */
.mhfg-datalist {
    display: none;
}

/* Enhanced Output Element */
.mhfg-output-display {
    display: inline-block;
    padding: 7px 14px;
    background: rgba(245,199,44,0.1);
    border: 1px solid var(--mhfg-yellow);
    border-radius: 4px;
    font-weight: 600;
    color: var(--mhfg-black);
    min-width: 100px;
    text-align: center;
}

/* Enhanced Template Element */
.mhfg-template {
    display: none;
}

/* Enhanced Slot Element */
.mhfg-slot {
    display: contents;
}

/* Enhanced Canvas Element */
.mhfg-canvas {
    border: 1px solid var(--mhfg-border);
    border-radius: 7px;
    background: var(--mhfg-bg);
}

/* Enhanced SVG Element */
.mhfg-svg {
    display: inline-block;
    vertical-align: middle;
}

/* Enhanced Iframe Element */
.mhfg-iframe {
    border: 1px solid var(--mhfg-border);
    border-radius: 5px;
    background: var(--mhfg-bg);
}

/* Enhanced Embed Element */
.mhfg-embed {
    border: 1px solid var(--mhfg-border);
    border-radius: 5px;
    background: var(--mhfg-bg);
}

/* Enhanced Object Element */
.mhfg-object {
    border: 1px solid var(--mhfg-border);
    border-radius: 7px;
    background: var(--mhfg-bg);
}

/* Enhanced Param Element */
.mhfg-param {
    display: none;
}

/* Enhanced Video Element */
.mhfg-video {
    width: 100%;
    border-radius: 6px;
    background: var(--mhfg-black);
}

/* Enhanced Audio Element */
.mhfg-audio {
    width: 100%;
}

/* Enhanced Source Element */
.mhfg-source {
    display: none;
}

/* Enhanced Track Element */
.mhfg-track {
    display: none;
}

/* Enhanced Picture Element */
.mhfg-picture {
    display: block;
    width: 100%;
}

/* Enhanced Area Element */
.mhfg-area {
    display: none;
}

/* Enhanced Map Element */
.mhfg-map {
    display: block;
    width: 100%;
    height: 400px;
    border: 1px solid var(--mhfg-border);
    border-radius: 7px;
}

/* Enhanced Math Element */
.mhfg-math {
    display: inline-block;
    font-style: italic;
}

/* Enhanced Mfrac Element */
.mhfg-mfrac {
    display: inline-block;
    vertical-align: middle;
}

/* Enhanced Mi Element */
.mhfg-mi {
    display: inline-block;
    font-style: italic;
}

/* Enhanced Mn Element */
.mhfg-mn {
    display: inline-block;
}

/* Enhanced Mo Element */
.mhfg-mo {
    display: inline-block;
}

/* Enhanced Mtext Element */
.mhfg-mtext {
    display: inline-block;
}

/* Enhanced Mspace Element */
.mhfg-mspace {
    display: inline-block;
}

/* Enhanced Ms Element */
.mhfg-ms {
    display: inline-block;
}

/* Enhanced Mrow Element */
.mhfg-mrow {
    display: inline-block;
}

/* Enhanced Mfenced Element */
.mhfg-mfenced {
    display: inline-block;
}

/* Enhanced Menclose Element */
.mhfg-menclose {
    display: inline-block;
}

/* Enhanced Msub Element */
.mhfg-msub {
    display: inline-block;
    vertical-align: baseline;
}

/* Enhanced Msup Element */
.mhfg-msup {
    display: inline-block;
    vertical-align: baseline;
}

/* Enhanced Msubsup Element */
.mhfg-msubsup {
    display: inline-block;
    vertical-align: baseline;
}

/* Enhanced Munder Element */
.mhfg-munder {
    display: inline-block;
    vertical-align: baseline;
}

/* Enhanced Mover Element */
.mhfg-mover {
    display: inline-block;
    vertical-align: baseline;
}

/* Enhanced Munderover Element */
.mhfg-munderover {
    display: inline-block;
    vertical-align: baseline;
}

/* Enhanced Mmultiscripts Element */
.mhfg-mmultiscripts {
    display: inline-block;
    vertical-align: baseline;
}

/* Enhanced Mtable Element */
.mhfg-mtable {
    display: inline-table;
    border-collapse: collapse;
}

/* Enhanced Mtr Element */
.mhfg-mtr {
    display: table-row;
}

/* Enhanced Mtd Element */
.mhfg-mtd {
    display: table-cell;
    padding: 5px;
    border: 1px solid var(--mhfg-border);
}

/* Enhanced Mlabeledtr Element */
.mhfg-mlabeledtr {
    display: table-row;
}

/* Enhanced Maligngroup Element */
.mhfg-maligngroup {
    display: inline-block;
}

/* Enhanced Malignmark Element */
.mhfg-malignmark {
    display: inline-block;
}

/* Enhanced Maction Element */
.mhfg-maction {
    display: inline-block;
}

/* Enhanced Merror Element */
.mhfg-merror {
    display: inline-block;
    color: var(--mhfg-danger);
}

/* Enhanced Mphantom Element */
.mhfg-mphantom {
    display: inline-block;
    visibility: hidden;
}

/* Enhanced Mroot Element */
.mhfg-mroot {
    display: inline-block;
    vertical-align: middle;
}

/* Enhanced Msqrt Element */
.mhfg-msqrt {
    display: inline-block;
    vertical-align: middle;
}

/* Enhanced Mstyle Element */
.mhfg-mstyle {
    display: inline-block;
}

/* Enhanced Mglyph Element */
.mhfg-mglyph {
    display: inline-block;
}

/* Enhanced Semantics Element */
.mhfg-semantics {
    display: inline-block;
}

/* Enhanced Annotation Element */
.mhfg-annotation {
    display: none;
}

/* Enhanced Annotation-xml Element */
.mhfg-annotation-xml {
    display: none;
}

/* Enhanced Mprescripts Element */
.mhfg-mprescripts {
    display: inline-block;
}

/* Enhanced None Element */
.mhfg-none {
    display: none;
}

/* Enhanced Mlabeledtr Element */
.mhfg-mlabeledtr {
    display: table-row;
}

/* Enhanced Mlongdiv Element */
.mhfg-mlongdiv {
    display: inline-block;
    vertical-align: middle;
}

/* Enhanced Mscarries Element */
.mhfg-mscarries {
    display: inline-block;
}

/* Enhanced Mcarry Element */
.mhfg-mcarry {
    display: inline-block;
}

/* Enhanced Mscarry Element */
.mhfg-mscarry {
    display: inline-block;
}

/* Enhanced Msline Element */
.mhfg-msline {
    display: inline-block;
}

/* Enhanced Mstack Element */
.mhfg-mstack {
    display: inline-block;
    vertical-align: middle;
}

/* Enhanced Mrow Element */
.mhfg-mrow {
    display: inline-block;
}

/* Enhanced Mfenced Element */
.mhfg-mfenced {
    display: inline-block;
}

/* Enhanced Menclose Element */
.mhfg-menclose {
    display: inline-block;
}

/* Enhanced Msub Element */
.mhfg-msub {
    display: inline-block;
    vertical-align: baseline;
}

/* Enhanced Msup Element */
.mhfg-msup {
    display: inline-block;
    vertical-align: baseline;
}

/* Enhanced Msubsup Element */
.mhfg-msubsup {
    display: inline-block;
    vertical-align: baseline;
}

/* Enhanced Munder Element */
.mhfg-munder {
    display: inline-block;
    vertical-align: baseline;
}

/* Enhanced Mover Element */
.mhfg-mover {
    display: inline-block;
    vertical-align: baseline;
}

/* Enhanced Munderover Element */
.mhfg-munderover {
    display: inline-block;
    vertical-align: baseline;
}

/* Enhanced Mmultiscripts Element */
.mhfg-mmultiscripts {
    display: inline-block;
    vertical-align: baseline;
}

/* Enhanced Mtable Element */
.mhfg-mtable {
    display: inline-table;
    border-collapse: collapse;
}

/* Enhanced Mtr Element */
.mhfg-mtr {
    display: table-row;
}

/* Enhanced Mtd Element */
.mhfg-mtd {
    display: table-cell;
    padding: 4px;
    border: 2px solid var(--mhfg-border);
}

/* Enhanced Mlabeledtr Element */
.mhfg-mlabeledtr {
    display: table-row;
}

/* Enhanced Maligngroup Element */
.mhfg-maligngroup {
    display: inline-block;
}

/* Enhanced Malignmark Element */
.mhfg-malignmark {
    display: inline-block;
}

/* Enhanced Maction Element */
.mhfg-maction {
    display: inline-block;
}

/* Enhanced Merror Element */
.mhfg-merror {
    display: inline-block;
    color: var(--mhfg-danger);
}

/* Enhanced Mphantom Element */
.mhfg-mphantom {
    display: inline-block;
    visibility: hidden;
}

/* Enhanced Mroot Element */
.mhfg-mroot {
    display: inline-block;
    vertical-align: middle;
}

/* Enhanced Msqrt Element */
.mhfg-msqrt {
    display: inline-block;
    vertical-align: middle;
}

/* Enhanced Mstyle Element */
.mhfg-mstyle {
    display: inline-block;
}

/* Enhanced Mglyph Element */
.mhfg-mglyph {
    display: inline-block;
}

/* Enhanced Semantics Element */
.mhfg-semantics {
    display: inline-block;
}

/* Enhanced Annotation Element */
.mhfg-annotation {
    display: none;
}

/* Enhanced Annotation-xml Element */
.mhfg-annotation-xml {
    display: none;
}

/* Enhanced Mprescripts Element */
.mhfg-mprescripts {
    display: inline-block;
}

/* Enhanced None Element */
.mhfg-none {
    display: none;
}

/* Enhanced Mlabeledtr Element */
.mhfg-mlabeledtr {
    display: table-row;
}

/* Enhanced Mlongdiv Element */
.mhfg-mlongdiv {
    display: inline-block;
    vertical-align: middle;
}

/* Enhanced Mscarries Element */
.mhfg-mscarries {
    display: inline-block;
}

/* Enhanced Mcarry Element */
.mhfg-mcarry {
    display: inline-block;
}

/* Enhanced Mscarry Element */
.mhfg-mscarry {
    display: inline-block;
}

/* Enhanced Msline Element */
.mhfg-msline {
    display: inline-block;
}

/* Enhanced Mstack Element */
.mhfg-mstack {
    display: inline-block;
    vertical-align: middle;
}

.mhfg-feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow));
    transform: scaleX(0);
    transition: transform 0.4s;
}

.mhfg-feature-card:hover::before {
    transform: scaleX(1);
}

.mhfg-feature-card:hover {
    border-color: var(--mhfg-yellow);
    transform: translateY(-10px) scale(1.03);
    box-shadow: 
        0 15px 45px var(--mhfg-shadow-yellow),
        0 10px 30px rgba(0, 0, 0, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 0 0 1px rgba(245,206,39,0.2);
}

.mhfg-feature-icon {
    width: 72px;
    height: 72px;
    background: linear-gradient(135deg, var(--mhfg-yellow) 0%, var(--mhfg-yellow-light) 25%, var(--mhfg-yellow) 50%, var(--mhfg-yellow-light) 75%, var(--mhfg-yellow-dark) 100%);
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 23px;
    color: var(--mhfg-black);
    font-size: 32px;
    font-weight: 900;
    box-shadow: 
        0 6px 20px var(--mhfg-shadow-yellow),
        0 2px 8px rgba(0, 0, 0, 0.1),
        inset 0 2px 4px rgba(255, 255, 255, 0.4),
        inset 0 -2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.mhfg-feature-icon::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(135deg, var(--mhfg-yellow-light), var(--mhfg-yellow-dark), var(--mhfg-yellow-light));
    border-radius: 15px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s;
    animation: mhfg-icon-glow 3s ease-in-out infinite;
}

@keyframes mhfg-icon-glow {
    0%, 100% { opacity: 0; }
    50% { opacity: 0.2; }
}

.mhfg-feature-card:hover .mhfg-feature-icon {
    transform: rotate(8deg) scale(1.15);
    box-shadow: 
        0 10px 30px var(--mhfg-shadow-yellow),
        0 4px 12px rgba(0, 0, 0, 0.15),
        inset 0 2px 6px rgba(255, 255, 255, 0.5),
        inset 0 -2px 6px rgba(0, 0, 0, 0.1);
}

.mhfg-feature-card:hover .mhfg-feature-icon::before {
    opacity: 0.4;
}

.mhfg-feature-icon::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(135deg, var(--mhfg-yellow-light), var(--mhfg-yellow-dark));
    border-radius: 11px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s;
}

.mhfg-feature-card:hover .mhfg-feature-icon::after {
    opacity: 0.3;
}

.mhfg-feature-title {
    font-size: 22px;
    font-weight: 700;
    background: linear-gradient(135deg, var(--mhfg-black), var(--mhfg-gray));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 13px;
    line-height: 1.3;
}

.mhfg-feature-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light), transparent);
    border-radius: 1px;
}

.mhfg-feature-desc {
    font-size: 16px;
    color: var(--mhfg-text);
    line-height: 1.7;
    font-weight: 400;
}

.mhfg-feature-desc::first-line {
    font-weight: 500;
    color: var(--mhfg-black);
}

/* Company Card Component */
.mhfg-company-card {
    margin: 63px 0;
    background: linear-gradient(135deg, var(--mhfg-bg) 0%, #fafafa 100%);
    border: 4px solid var(--mhfg-yellow);
    border-radius: 13px;
    padding: 43px;
    box-shadow: 
        0 11px 42px var(--mhfg-shadow),
        0 4px 20px var(--mhfg-shadow-yellow),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    position: relative;
    overflow: hidden;
}

.mhfg-company-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(245,195,50,0.02) 20px, rgba(245,205,45,0.02) 21px);
    pointer-events: none;
}

.mhfg-company-card-header {
    display: flex;
    align-items: center;
    gap: 23px;
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 3px solid var(--mhfg-border);
    position: relative;
}

.mhfg-company-card-header::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 150px;
    height: 3px;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light), transparent);
    border-radius: 3px;
}

.mhfg-company-logo {
    width: 180px;
    height: 180px;
    background: linear-gradient(135deg, var(--mhfg-yellow) 0%, var(--mhfg-yellow-light) 25%, var(--mhfg-yellow) 50%, var(--mhfg-yellow-light) 75%, var(--mhfg-yellow-dark) 100%);
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 44px;
    color: var(--mhfg-black);
    font-weight: 900;
    box-shadow: 
        0 8px 25px var(--mhfg-shadow-yellow),
        0 2px 10px rgba(0, 0, 0, 0.1),
        inset 0 2px 6px rgba(255, 255, 255, 0.4),
        inset 0 -2px 6px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    border: 3px solid rgba(255, 255, 255, 0.3);
}

.mhfg-company-logo::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: mhfg-rotate 3s infinite;
}

.mhfg-company-info h3 {
    font-size: 26px;
    font-weight: 900;
    background: linear-gradient(135deg, var(--mhfg-black), var(--mhfg-gray));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 11px;
    line-height: 1.3;
}

.mhfg-company-info p {
    color: var(--mhfg-text);
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500;
}

.mhfg-company-details {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
    position: relative;
    z-index: 1;
}

.mhfg-company-detail-item {
    position: relative;
    padding: 13px;
    border-radius: 8px;
    transition: all 0.3s;
    background: rgba(245,191,46,0.02);
}

.mhfg-company-detail-item:hover {
    background: rgba(245,202,38,0.06);
    transform: translateX(5px);
}

.mhfg-company-detail-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-radius: 3px;
    opacity: 0;
    transition: opacity 0.3s;
}

.mhfg-company-detail-item:hover::before {
    opacity: 1;
}

.mhfg-company-detail-item {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.mhfg-company-detail-label {
    font-size: 13px;
    color: var(--mhfg-text);
    text-transform: uppercase;
    letter-spacing: 0.10px;
    font-weight: 700;
    margin-bottom: 3px;
}

.mhfg-company-detail-value {
    font-size: 20px;
    font-weight: 800;
    background: linear-gradient(135deg, var(--mhfg-black), var(--mhfg-yellow-dark));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    position: relative;
}

.mhfg-company-detail-value::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 40px;
    height: 2px;
    background: linear-gradient(90deg, var(--mhfg-yellow), transparent);
    border-radius: 2px;
}

/* FAQ Section */
.mhfg-faq-section {
    margin: 59px 0;
}

.mhfg-faq-header {
    text-align: center;
    margin-bottom: 62px;
    position: relative;
    padding-bottom: 27px;
}

.mhfg-faq-header::before {
    content: '❓';
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 60px;
    opacity: 0.1;
    filter: blur(2px);
    animation: mhfg-faq-icon-float 4s ease-in-out infinite;
}

@keyframes mhfg-faq-icon-float {
    0%, 100% { transform: translateX(-50%) translateY(0); }
    50% { transform: translateX(-50%) translateY(-10px); }
}

.mhfg-faq-header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 160px;
    height: 4px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow), transparent);
    border-radius: 3px;
}

.mhfg-faq-title {
    font-size: 35px;
    font-weight: 900;
    background: linear-gradient(135deg, var(--mhfg-black), var(--mhfg-gray));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 14px;
    line-height: 1.2;
}

.mhfg-faq-subtitle {
    font-size: 18px;
    color: var(--mhfg-text);
    line-height: 1.6;
    font-weight: 500;
    max-width: 700px;
    margin: 0 auto;
}

.mhfg-faq-list {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.mhfg-faq-item {
    background: linear-gradient(135deg, var(--mhfg-bg) 0%, #fafafa 100%);
    border: 2px solid var(--mhfg-border);
    border-radius: 7px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
}

.mhfg-faq-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, var(--mhfg-yellow), var(--mhfg-yellow-dark));
    transform: scaleY(0);
    transition: transform 0.4s;
}

.mhfg-faq-item:hover {
    border-color: rgba(245,204,49,0.5);
    box-shadow: 
        0 4px 15px var(--mhfg-shadow),
        0 0 0 1px rgba(245,198,41,0.1);
    transform: translateX(4px);
}

.mhfg-faq-item:hover::before,
.mhfg-faq-item.active::before {
    transform: scaleY(1);
}

.mhfg-faq-item.active {
    border-color: var(--mhfg-yellow);
    box-shadow: 
        0 8px 25px var(--mhfg-shadow-yellow),
        0 4px 15px rgba(0, 0, 0, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
}

.mhfg-faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 27px 26px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: all 0.3s;
}

.mhfg-faq-question:hover {
    background: rgba(245,201,51,0.05);
}

.mhfg-faq-question-text {
    font-size: 19px;
    font-weight: 700;
    background: linear-gradient(135deg, var(--mhfg-black), var(--mhfg-gray));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.5;
    transition: all 0.3s;
}

.mhfg-faq-item.active .mhfg-faq-question-text {
    background: linear-gradient(135deg, var(--mhfg-black), var(--mhfg-yellow-dark));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.mhfg-faq-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(245,203,43,0.15), rgba(245,198,50,0.1));
    border-radius: 50%;
    color: var(--mhfg-yellow);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    font-weight: 900;
    box-shadow: 0 2px 8px rgba(245,200,42,0.2);
    border: 1px solid rgba(245,194,37,0.2);
}

.mhfg-faq-item.active .mhfg-faq-icon {
    transform: rotate(180deg) scale(1.1);
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    color: var(--mhfg-black);
    box-shadow: 
        0 4px 15px var(--mhfg-shadow-yellow),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.mhfg-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.mhfg-faq-item.active .mhfg-faq-answer {
    max-height: 1000px;
}

.mhfg-faq-answer-content {
    padding: 0 27px 30px;
    font-size: 13px;
    line-height: 1.8;
    color: var(--mhfg-text);
    position: relative;
}

.mhfg-faq-answer-content::before {
    content: '';
    position: absolute;
    left: 28px;
    top: 0;
    width: 3px;
    height: 100%;
    background: linear-gradient(180deg, var(--mhfg-yellow), var(--mhfg-yellow-light), transparent);
    border-radius: 1px;
    opacity: 0.3;
}

/* Footer */
.mhfg-footer {
    background: linear-gradient(135deg, var(--mhfg-black) 0%, var(--mhfg-charcoal) 50%, var(--mhfg-black) 100%);
    color: rgba(255, 255, 255, 0.8);
    padding: 71px 0 38px;
    margin-top: 100px;
    border-top: 5px solid var(--mhfg-yellow);
    position: relative;
    overflow: hidden;
}

.mhfg-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), transparent);
}

.mhfg-footer::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: 
        repeating-linear-gradient(45deg, transparent, transparent 100px, rgba(245,197,44,0.02) 100px, rgba(245,200,39,0.02) 101px),
        radial-gradient(circle at 20% 30%, rgba(245,194,46,0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(245,196,38,0.03) 0%, transparent 50%);
    animation: mhfg-drift 30s linear infinite;
    pointer-events: none;
}

.mhfg-footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 43px;
    margin-bottom: 39px;
    padding-bottom: 42px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    z-index: 1;
}

.mhfg-footer-grid::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), transparent);
}

.mhfg-footer-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 17px;
}

.mhfg-footer-tagline {
    font-size: 15px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
}

.mhfg-footer-title {
    font-size: 17px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 22px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    position: relative;
    padding-bottom: 10px;
}

.mhfg-footer-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    background: linear-gradient(90deg, var(--mhfg-yellow), transparent);
    border-radius: 2px;
}

.mhfg-footer-links {
    list-style: none;
    padding: 0;
}

.mhfg-footer-links li {
    margin-bottom: 13px;
}

.mhfg-footer-links a {
    color: rgba(255, 255, 255, 0.75);
    text-decoration: none;
    font-size: 15px;
    transition: all 0.3s;
    position: relative;
    padding-left: 26px;
    display: inline-block;
    font-weight: 500;
    line-height: 1.8;
}

.mhfg-footer-links a::before {
    content: '→';
    position: absolute;
    left: 0;
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.3s;
    color: var(--mhfg-yellow);
}

.mhfg-footer-links a:hover {
    color: var(--mhfg-yellow);
    transform: translateX(5px);
}

.mhfg-footer-links a:hover::before {
    opacity: 1;
    transform: translateX(0);
}

.mhfg-footer-bottom {
    text-align: center;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    padding-top: 33px;
    border-top: 2px solid rgba(255, 255, 255, 0.15);
    position: relative;
    z-index: 1;
    line-height: 1.7;
    font-weight: 400;
}

.mhfg-footer-bottom::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 250px;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow), transparent);
    box-shadow: 0 0 10px rgba(245,206,43,0.3);
}

/* Scroll Progress */
.mhfg-scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow));
    z-index: 9999;
    transition: width 0.1s;
    box-shadow: 0 0 10px rgba(245,192,50,0.5);
}

.mhfg-scroll-progress::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3));
    animation: mhfg-scroll-shine 2s infinite;
}

@keyframes mhfg-scroll-shine {
    0% { transform: translateX(0); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: translateX(20px); opacity: 0; }
}

/* Additional Decorative Elements */
.mhfg-section-divider {
    height: 100px;
    position: relative;
    margin: 73px 0;
    overflow: hidden;
}

.mhfg-section-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(245,193,37,0.2) 20%, 
        var(--mhfg-yellow) 50%, 
        rgba(245,195,45,0.2) 80%, 
        transparent
    );
    transform: translateY(-50%);
}

.mhfg-section-divider::after {
    content: '●';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: var(--mhfg-black);
    box-shadow: 
        0 0 30px rgba(245,206,36,0.5),
        inset 0 2px 5px rgba(255, 255, 255, 0.3);
    border: 3px solid rgba(255, 255, 255, 0.3);
    animation: mhfg-divider-pulse 3s ease-in-out infinite;
}

@keyframes mhfg-divider-pulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); }
    50% { transform: translate(-50%, -50%) scale(1.1); }
}

/* Enhanced Typography */
.mhfg-article blockquote {
    margin: 49px 0;
    padding: 38px 39px;
    background: linear-gradient(135deg, rgba(245,193,47,0.1) 0%, rgba(245,195,38,0.05) 50%, rgba(245,205,46,0.08) 100%);
    border-left: 6px solid var(--mhfg-yellow);
    border-radius: 15px;
    font-style: italic;
    font-size: 17px;
    line-height: 1.85;
    color: var(--mhfg-text);
    position: relative;
    box-shadow: 
        0 6px 20px rgba(0, 0, 0, 0.08),
        0 2px 8px rgba(245,202,48,0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    overflow: hidden;
}

.mhfg-article blockquote::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(245,198,51,0.15) 0%, transparent 70%);
    border-radius: 50%;
}

.mhfg-article blockquote .mhfg-quote-open {
    content: '"';
    position: absolute;
    top: -20px;
    left: 28px;
    font-size: 100px;
    color: var(--mhfg-yellow);
    opacity: 0.25;
    font-family: Georgia, serif;
    line-height: 1;
    text-shadow: 0 2px 10px rgba(245,205,43,0.3);
    z-index: 0;
}

.mhfg-article blockquote::after {
    content: '"';
    position: absolute;
    bottom: -40px;
    right: 28px;
    font-size: 100px;
    color: var(--mhfg-yellow);
    opacity: 0.25;
    font-family: Georgia, serif;
    line-height: 1;
    text-shadow: 0 2px 10px rgba(245,191,50,0.3);
    z-index: 0;
}

.mhfg-article blockquote p {
    margin: 0;
    position: relative;
    z-index: 1;
    font-weight: 500;
    padding-left: 26px;
}

.mhfg-article blockquote p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    bottom: 6px;
    width: 5px;
    background: linear-gradient(180deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow), var(--mhfg-yellow-dark));
    border-radius: 2px;
    box-shadow: 0 0 9px rgba(245,201,42,0.4);
}

/* Enhanced Focus States for Accessibility */
*:focus-visible {
    outline: 4px solid var(--mhfg-yellow);
    outline-offset: 2px;
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--mhfg-black), 0 0 0 4px var(--mhfg-yellow);
}

/* Selection Styles */
::selection {
    background: var(--mhfg-yellow);
    color: var(--mhfg-black);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

::-moz-selection {
    background: var(--mhfg-yellow);
    color: var(--mhfg-black);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Enhanced Image Loading States */
.mhfg-article-image {
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out, filter 0.6s ease-in-out;
}

.mhfg-article-image[loading="lazy"]:not(.loaded) {
    opacity: 0.7;
    filter: blur(7px) brightness(0.9);
    transform: scale(1.02);
    background: linear-gradient(135deg, rgba(245,200,36,0.1), rgba(245,191,44,0.05));
    background-size: 200% 200%;
    animation: mhfg-image-placeholder 2s ease-in-out infinite;
}

@keyframes mhfg-image-placeholder {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.mhfg-article-image[loading="lazy"].loaded {
    opacity: 1;
    filter: blur(0) brightness(1);
    transform: scale(1);
    background: transparent;
}

/* Image Hover Effects */
.mhfg-article-image:hover {
    transform: scale(1.02);
    filter: brightness(1.05) contrast(1.05);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.2),
        0 0 30px rgba(245,203,47,0.3);
}

/* Enhanced Figure Styles */
.mhfg-image-wrapper {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.mhfg-image-wrapper:hover {
    transform: translateY(-5px);
    box-shadow: 
        0 25px 70px var(--mhfg-shadow-yellow),
        0 10px 40px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.mhfg-image-wrapper:hover figcaption {
    background: linear-gradient(135deg, rgba(245,194,41,0.15) 0%, rgba(245,196,49,0.08) 100%);
    color: var(--mhfg-black);
    font-weight: 600;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(245,203,40,0.2);
}

/* Enhanced Accessibility */
.mhfg-skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: var(--mhfg-yellow);
    color: var(--mhfg-black);
    padding: 9px 19px;
    text-decoration: none;
    font-weight: 700;
    z-index: 10000;
    border-radius: 3px;
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
}

.mhfg-skip-link:focus {
    top: 0;
}

/* Enhanced Typography */
.mhfg-article p {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mhfg-article h1,
.mhfg-article h2,
.mhfg-article h3 {
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1;
    font-kerning: normal;
}

/* Performance Optimizations */
.mhfg-article-image,
.mhfg-feature-icon,
.mhfg-trust-badge-icon {
    will-change: transform, opacity, filter;
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Enhanced Visual Details */
.mhfg-article::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, 
        transparent, 
        var(--mhfg-yellow) 20%, 
        var(--mhfg-yellow-light) 50%, 
        var(--mhfg-yellow) 80%, 
        transparent
    );
    border-radius: 5px 3px 0 0;
    opacity: 0.6;
    animation: mhfg-article-top-glow 4s ease-in-out infinite;
}

@keyframes mhfg-article-top-glow {
    0%, 100% { opacity: 0.6; }
    50% { opacity: 1; }
}

/* Enhanced List Styles */
.mhfg-list li {
    position: relative;
    padding-left: 33px;
    margin-bottom: 19px;
    line-height: 1.8;
    transition: all 0.3s;
}

.mhfg-list li::marker {
    color: var(--mhfg-yellow);
    font-weight: 900;
}

.mhfg-list li:hover {
    transform: translateX(5px);
    color: var(--mhfg-black);
    font-weight: 500;
}

.mhfg-list li:hover::before {
    transform: scale(1.3);
    box-shadow: 
        0 0 15px rgba(245,199,43,0.8),
        0 3px 6px rgba(0, 0, 0, 0.15);
}

/* Enhanced Ordered List */
.mhfg-list-ordered li {
    counter-increment: list-counter;
    position: relative;
    padding-left: 43px;
}

.mhfg-list-ordered li::before {
    content: counter(list-counter);
    position: absolute;
    left: 0;
    top: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    color: var(--mhfg-black);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 14px;
    box-shadow: 
        0 3px 10px rgba(245,196,42,0.4),
        inset 0 1px 2px rgba(255, 255, 255, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s;
}

.mhfg-list-ordered li:hover::before {
    transform: scale(1.15) rotate(5deg);
    box-shadow: 
        0 5px 15px rgba(245,199,36,0.6),
        inset 0 1px 3px rgba(255, 255, 255, 0.4);
}

/* Enhanced Table Styles */
.mhfg-article table {
    position: relative;
}

.mhfg-article table::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), transparent);
    border-radius: 2px;
    opacity: 0.3;
}

.mhfg-article table tbody tr {
    position: relative;
}

.mhfg-article table tbody tr::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: linear-gradient(180deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    transition: width 0.3s;
    opacity: 0.3;
}

.mhfg-article table tbody tr:hover::after {
    width: 4px;
}

/* Enhanced Code Blocks */
.mhfg-article code {
    background: linear-gradient(135deg, rgba(245,196,39,0.1) 0%, rgba(245,206,47,0.05) 100%);
    padding: 4px 11px;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
    font-size: 0.9em;
    color: var(--mhfg-black);
    border: 1px solid rgba(245,192,38,0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.mhfg-article pre {
    background: linear-gradient(135deg, var(--mhfg-bg-alt) 0%, var(--mhfg-bg) 100%);
    padding: 27px;
    border-radius: 6px;
    border-left: 5px solid var(--mhfg-yellow);
    box-shadow: 
        0 4px 15px rgba(0, 0, 0, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    overflow-x: auto;
    position: relative;
}

.mhfg-article pre::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: radial-gradient(circle, rgba(245,205,40,0.1) 0%, transparent 70%);
    border-radius: 0 11px 0 0;
    pointer-events: none;
}

/* Enhanced Quote Styles */
.mhfg-article blockquote cite {
    display: block;
    margin-top: 14px;
    font-size: 0.9em;
    color: var(--mhfg-text-light);
    font-style: normal;
    position: relative;
    padding-left: 25px;
}

.mhfg-article blockquote cite::before {
    content: '—';
    position: absolute;
    left: 0;
    color: var(--mhfg-yellow);
    font-weight: 700;
}

/* Enhanced HR Styles */
.mhfg-article hr {
    border: none;
    height: 3px;
    background: linear-gradient(90deg, 
        transparent, 
        var(--mhfg-yellow) 20%, 
        var(--mhfg-yellow-light) 50%, 
        var(--mhfg-yellow) 80%, 
        transparent
    );
    margin: 49px 0;
    position: relative;
    border-radius: 3px;
}

.mhfg-article hr::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background: var(--mhfg-yellow);
    border-radius: 50%;
    box-shadow: 
        0 0 18px rgba(245,192,48,0.6),
        inset 0 1px 2px rgba(255, 255, 255, 0.3);
    border: 2px solid var(--mhfg-bg);
}

/* Enhanced Badge Styles */
.mhfg-badge {
    display: inline-block;
    padding: 5px 16px;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    color: var(--mhfg-black);
    border-radius: 17px;
    font-size: 0.85em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 
        0 4px 8px rgba(245,204,51,0.4),
        inset 0 1px 2px rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

.mhfg-badge::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: mhfg-badge-shine 3s infinite;
}

@keyframes mhfg-badge-shine {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

.mhfg-badge:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 
        0 5px 20px rgba(245,202,37,0.6),
        inset 0 1px 3px rgba(255, 255, 255, 0.5);
}

.mhfg-btn:focus-visible,
.mhfg-nav-link:focus-visible,
.mhfg-faq-question:focus-visible {
    outline: 4px solid var(--mhfg-yellow);
    outline-offset: 4px;
}

/* Skip to Content Link */
.mhfg-skip-link {
    position: absolute;
    top: -100px;
    left: 0;
    background: var(--mhfg-yellow);
    color: var(--mhfg-black);
    padding: 14px 21px;
    text-decoration: none;
    font-weight: 700;
    z-index: 10000;
    border-radius: 0 0 4px 0;
}

.mhfg-skip-link:focus {
    top: 0;
}

/* Loading States */
.mhfg-loading {
    opacity: 0;
    transition: opacity 0.3s;
}

.mhfg-loading.loaded {
    opacity: 1;
}

/* Enhanced Table Styles */
.mhfg-article table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 48px 0;
    background: linear-gradient(135deg, var(--mhfg-bg) 0%, #fafafa 100%);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 
        0 6px 20px var(--mhfg-shadow),
        0 2px 8px rgba(0, 0, 0, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    border: 2px solid var(--mhfg-border);
    position: relative;
}

.mhfg-article table::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow));
    border-radius: 8px 11px 0 0;
}

.mhfg-article table thead {
    background: linear-gradient(135deg, var(--mhfg-black) 0%, var(--mhfg-charcoal) 50%, var(--mhfg-black) 100%);
    color: #ffffff;
    position: relative;
}

.mhfg-article table thead::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--mhfg-yellow), transparent);
}

.mhfg-article table th {
    padding: 17px 24px;
    text-align: left;
    font-weight: 800;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    border-bottom: 4px solid var(--mhfg-yellow);
    position: relative;
}

.mhfg-article table th::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, var(--mhfg-yellow-light), var(--mhfg-yellow));
    border-radius: 1px;
}

.mhfg-article table td {
    padding: 18px 19px;
    border-bottom: 1px solid var(--mhfg-border);
    font-size: 15px;
    line-height: 1.6;
    transition: all 0.3s;
}

.mhfg-article table td strong {
    color: var(--mhfg-black);
    font-weight: 700;
}

.mhfg-article table tbody tr {
    transition: all 0.3s;
}

.mhfg-article table tbody tr:hover {
    background: linear-gradient(90deg, rgba(245,191,38,0.08) 0%, rgba(245,201,46,0.05) 50%, rgba(245,203,41,0.08) 100%);
    transform: translateX(3px);
    box-shadow: inset 4px 0 0 var(--mhfg-yellow);
}

.mhfg-article table tbody tr:last-child td {
    border-bottom: none;
}

.mhfg-article table tbody tr:last-child:hover {
    border-radius: 0 0 13px 9px;
}

/* Skip Link Styles */
.mhfg-skip-link {
    position: absolute;
    top: -100px;
    left: 0;
    background: var(--mhfg-yellow);
    color: var(--mhfg-black);
    padding: 9px 24px;
    text-decoration: none;
    font-weight: 700;
    z-index: 10000;
    border-radius: 0 0 5px 0;
    transition: top 0.3s;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.mhfg-skip-link:focus {
    top: 0;
    outline: 4px solid var(--mhfg-black);
    outline-offset: 1px;
}

/* Enhanced Image Loading States */
.mhfg-article-image[loading="lazy"] {
    background: linear-gradient(135deg, rgba(245,200,40,0.12), rgba(245,194,48,0.06));
    min-height: 200px;
    opacity: 0;
    transition: opacity 0.6s ease-in-out, transform 0.6s;
}

.mhfg-article-image[loading="lazy"].loaded {
    background: transparent;
    opacity: 1;
}

.mhfg-article-image[loading="lazy"]:not(.loaded) {
    filter: blur(5px) brightness(0.9);
    transform: scale(1.02);
}

.mhfg-article-image[loading="lazy"].loaded {
    filter: blur(0) brightness(1);
    transform: scale(1);
}

/* Image Placeholder */
.mhfg-article-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        linear-gradient(135deg, rgba(245,201,43,0.12), rgba(245,203,51,0.06)),
        repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(245,197,42,0.03) 20px, rgba(245,200,50,0.03) 21px);
    opacity: 1;
    transition: opacity 0.6s ease-in-out;
    pointer-events: none;
    z-index: 1;
}

.mhfg-article-image.loaded::before,
.mhfg-article-image[loading="lazy"].loaded::before {
    opacity: 0;
}

.mhfg-image-wrapper {
    position: relative;
}

.mhfg-image-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(245,194,45,0) 0%, rgba(245,196,37,0.08) 100%);
    opacity: 0;
    transition: opacity 0.6s;
    pointer-events: none;
    z-index: 2;
}

.mhfg-image-wrapper:hover::after {
    opacity: 1;
}

/* Enhanced Lists */
.mhfg-list-ordered {
    counter-reset: mhfg-list-counter;
    list-style: none;
    padding-left: 0;
}

.mhfg-list-ordered li {
    counter-increment: mhfg-list-counter;
    position: relative;
    padding-left: 41px;
    margin-bottom: 21px;
}

.mhfg-list-ordered li::before {
    content: counter(mhfg-list-counter);
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    color: var(--mhfg-black);
    box-shadow: 
        0 2px 8px rgba(245,206,44,0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: all 0.3s;
}

.mhfg-list-ordered li:hover::before {
    transform: scale(1.1);
    box-shadow: 
        0 4px 12px rgba(245,199,47,0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

/* Responsive */
/* Additional Visual Enhancements */
.mhfg-article::before {
    content: '';
    position: absolute;
    left: -60px;
    top: 0;
    bottom: 0;
    width: 6px;
    background: linear-gradient(180deg, 
        transparent, 
        var(--mhfg-yellow) 5%, 
        var(--mhfg-yellow-light) 20%, 
        var(--mhfg-yellow) 50%, 
        var(--mhfg-yellow-light) 80%, 
        var(--mhfg-yellow) 95%, 
        transparent
    );
    border-radius: 3px;
    opacity: 0.2;
}

@media (max-width: 768px) {
    .mhfg-article::before {
        display: none;
    }
}

/* Enhanced Link Styles */
.mhfg-article a {
    color: var(--mhfg-yellow-dark);
    text-decoration: none;
    border-bottom: 2px solid rgba(245,196,46,0.3);
    transition: all 0.3s;
    font-weight: 600;
}

.mhfg-article a:hover {
    color: var(--mhfg-yellow);
    border-bottom-color: var(--mhfg-yellow);
    background: rgba(245,206,38,0.1);
    padding: 3px 5px;
    border-radius: 2px;
}

/* Additional Visual Enhancements */
.mhfg-article p:first-of-type::first-letter {
    float: left;
    font-size: 4.5em;
    line-height: 0.8;
    margin: 0.1em 0.1em 0.1em 0;
    padding: 0.1em 0.15em;
    background: linear-gradient(135deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    color: var(--mhfg-black);
    font-weight: 900;
    border-radius: 7px;
    box-shadow: 0 3px 12px rgba(245,192,49,0.3);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.mhfg-article p:first-of-type::first-line {
    font-weight: 600;
    letter-spacing: 0.4px;
    color: var(--mhfg-black);
}

/* Enhanced Scrollbar */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: var(--mhfg-bg-alt);
    border-left: 1px solid var(--mhfg-border);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--mhfg-yellow), var(--mhfg-yellow-dark));
    border-radius: 7px;
    border: 1px solid var(--mhfg-bg-alt);
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--mhfg-yellow-light), var(--mhfg-yellow));
    box-shadow: 0 0 10px rgba(245,195,43,0.5);
}

/* Smooth Scroll Behavior */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

/* Enhanced Focus Indicators */
.mhfg-button:focus-visible,
.mhfg-nav-link:focus-visible,
.mhfg-faq-question:focus-visible {
    outline: 4px solid var(--mhfg-yellow);
    outline-offset: 2px;
    box-shadow: 
        0 0 0 2px var(--mhfg-black),
        0 0 0 4px var(--mhfg-yellow),
        0 0 20px rgba(245,206,51,0.5);
}

/* Loading States */
.mhfg-loading {
    position: relative;
    overflow: hidden;
}

.mhfg-loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: mhfg-loading-shimmer 2s infinite;
}

@keyframes mhfg-loading-shimmer {
    0% { left: -100%; }
    100% { left: 100%; }
}

/* Enhanced Card Shadows */
.mhfg-card-elevated {
    box-shadow: 
        0 10px 40px rgba(0, 0, 0, 0.1),
        0 4px 15px rgba(0, 0, 0, 0.05),
        0 0 0 1px rgba(245,195,37,0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.mhfg-card-elevated:hover {
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.15),
        0 8px 25px rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(245,204,39,0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 0 30px rgba(245,205,38,0.2);
    transform: translateY(-5px);
}

/* Decorative Corner Accents */
.mhfg-corner-accent {
    position: absolute;
    width: 60px;
    height: 60px;
    border: 3px solid var(--mhfg-yellow);
    opacity: 0.2;
}

.mhfg-corner-accent-top-left {
    top: 0;
    left: 0;
    border-right: none;
    border-bottom: none;
    border-radius: 10px 0 0 0;
}

.mhfg-corner-accent-top-right {
    top: 0;
    right: 0;
    border-left: none;
    border-bottom: none;
    border-radius: 0 13px 0 0;
}

.mhfg-corner-accent-bottom-left {
    bottom: 0;
    left: 0;
    border-right: none;
    border-top: none;
    border-radius: 0 0 0 15px;
}

.mhfg-corner-accent-bottom-right {
    bottom: 0;
    right: 0;
    border-left: none;
    border-top: none;
    border-radius: 0 0 11px 0;
}

/* Text Gradient Effects */
.mhfg-text-gradient {
    background: linear-gradient(135deg, var(--mhfg-black) 0%, var(--mhfg-gray) 50%, var(--mhfg-black) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    background-size: 200% 200%;
    animation: mhfg-text-gradient-shift 5s ease-in-out infinite;
}

@keyframes mhfg-text-gradient-shift {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Enhanced Button Styles */
.mhfg-button-enhanced {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.mhfg-button-enhanced::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.mhfg-button-enhanced:hover::before {
    width: 300px;
    height: 300px;
}

.mhfg-button-enhanced::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.5s;
}

.mhfg-button-enhanced:hover::after {
    left: 100%;
}

/* Print Styles */
@media print {
    .mhfg-ticker,
    .mhfg-header,
    .mhfg-footer,
    .mhfg-scroll-progress,
    .mhfg-hero-actions,
    .mhfg-menu-toggle {
        display: none !important;
    }
    
    .mhfg-article {
        max-width:100%;
    }
    
    .mhfg-article h2 {
        page-break-after: avoid;
    }
    
    .mhfg-image-wrapper {
        page-break-inside: avoid;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    :root {
        --mhfg-yellow: #f5711c;
        --mhfg-border: #f5c6d6;
        --mhfg-shadow: 0 4px 20px rgba(0,0,0,0.08);
    }
}

@media (max-width: 768px) {
    .mhfg-menu-toggle {
        display: flex;
    }

    .mhfg-nav {
        display: none;
    }

    .mhfg-hero-title {
        font-size: 32px;
    }

    .mhfg-hero-subtitle {
        font-size: 16px;
    }

    .mhfg-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .mhfg-btn {
        width: 100%;
        justify-content: center;
    }

    .mhfg-article h2 {
        font-size: 28px;
    }

    .mhfg-features-grid,
    .mhfg-trust-badges-grid {
        grid-template-columns: 1fr;
        padding: 0 22px;
    }

    .mhfg-features-title,
    .mhfg-faq-title {
        font-size: 28px;
    }

    .mhfg-faq-question {
        padding: 20px;
    }

    .mhfg-faq-answer-content {
        padding: 0 23px 18px;
    }

    .mhfg-company-card {
        padding: 31px 23px;
    }

    .mhfg-company-details {
        grid-template-columns: 1fr;
    }
}

/* Final Ultimate Maximum Detail Enhancements */
.mhfg-article-image[loading="lazy"] {
    background: linear-gradient(135deg, 
        rgba(245,198,40,0.12) 0%, 
        rgba(245,200,51,0.06) 50%, 
        rgba(245,194,43,0.12) 100%
    );
    background-size: 200% 200%;
    animation: mhfg-image-placeholder-animate 3s ease-in-out infinite;
    min-height: 200px;
    display: block;
}

@keyframes mhfg-image-placeholder-animate {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.mhfg-article-image[loading="lazy"].loaded {
    background: transparent;
    animation: none;
}

.mhfg-image-wrapper {
    position: relative;
    display: block;
    margin: 52px 0;
}

.mhfg-image-wrapper::before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    background: linear-gradient(135deg, 
        var(--mhfg-yellow) 0%, 
        var(--mhfg-yellow-light) 25%, 
        var(--mhfg-yellow) 50%, 
        var(--mhfg-yellow-light) 75%, 
        var(--mhfg-yellow) 100%
    );
    border-radius: 13px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s;
    filter: blur(7px);
}

.mhfg-image-wrapper:hover::before {
    opacity: 0.3;
    animation: mhfg-image-border-pulse 2s ease-in-out infinite;
}

@keyframes mhfg-image-border-pulse {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 0.5; }
}

.mhfg-image-wrapper figcaption {
    position: relative;
    padding: 15px 26px;
    background: linear-gradient(135deg, 
        rgba(245,201,50,0.1) 0%, 
        rgba(245,203,45,0.05) 100%
    );
    border-top: 3px solid var(--mhfg-yellow);
    margin: 0;
    font-size: 15px;
    color: var(--mhfg-text);
    text-align: center;
    line-height: 1.6;
    font-weight: 500;
}

.mhfg-image-wrapper figcaption::before {
    content: '📷';
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    opacity: 0.6;
    animation: mhfg-camera-icon-pulse 2s ease-in-out infinite;
}

@keyframes mhfg-camera-icon-pulse {
    0%, 100% { transform: translateY(-50%) scale(1); opacity: 0.6; }
    50% { transform: translateY(-50%) scale(1.1); opacity: 0.8; }
}

/* Enhanced SEO Meta Tags Support */
.mhfg-seo-optimized {
    position: relative;
}

.mhfg-seo-optimized::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent, 
        var(--mhfg-yellow) 20%, 
        var(--mhfg-yellow-light) 50%, 
        var(--mhfg-yellow) 80%, 
        transparent
    );
    opacity: 0.3;
    border-radius: 1px;
}

/* Enhanced Accessibility */
.mhfg-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;
}

.mhfg-sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    padding: inherit;
    margin: inherit;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

/* Enhanced Print Optimizations */
@media print {
    .mhfg-no-print {
        display: none !important;
    }
    
    .mhfg-print-only {
        display: block !important;
    }
    
    .mhfg-article {
        box-shadow: none;
        border: none;
        padding: 0;
    }
    
    .mhfg-article-image {
        page-break-inside: avoid;
        max-width:100%;
    }
    
    .mhfg-article h1,
    .mhfg-article h2,
    .mhfg-article h3 {
        page-break-after: avoid;
    }
    
    .mhfg-article p {
        orphans: 3;
        widows: 3;
    }
}

/* Enhanced Performance Optimizations */
.mhfg-gpu-accelerated {
    transform: translateZ(0);
    will-change: transform;
}

.mhfg-smooth-scroll {
    scroll-behavior: smooth;
}

.mhfg-contain-layout {
    contain: layout;
}

.mhfg-contain-paint {
    contain: paint;
}

.mhfg-contain-size {
    contain: size;
}

.mhfg-contain-strict {
    contain: strict;
}

/* Enhanced Image Lazy Load Final Polish */
img[loading="lazy"] {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

img[loading="lazy"].loaded {
    opacity: 1;
}

img[loading="lazy"]:not(.loaded) {
    filter: blur(13px);
    transform: scale(1.02);
}

img[loading="lazy"].loaded {
    filter: blur(0);
    transform: scale(1);
}

/* Enhanced Focus Visible */
*:focus-visible {
    outline: 2px solid var(--mhfg-yellow);
    outline-offset: 4px;
    border-radius: 4px;
    box-shadow: 
        0 0 0 1px var(--mhfg-black),
        0 0 0 4px var(--mhfg-yellow),
        0 0 20px rgba(245,197,37,0.6);
}

/* Enhanced Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Enhanced High Contrast */
@media (prefers-contrast: high) {
    .mhfg-article {
        border: 2px solid var(--mhfg-black);
    }
    
    .mhfg-article a {
        text-decoration: underline;
        font-weight: 700;
    }
    
    .mhfg-article-image {
        border: 2px solid var(--mhfg-black);
    }
}

/* Enhanced Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .mhfg-dark-mode {
        --mhfg-bg: #FFFFFF;
        --mhfg-bg-alt: #FFF0F0;
        --mhfg-text: #351e12;
        --mhfg-text-light: #6a676e;
        --mhfg-border: #f5c6d2;
    }
}

/* Enhanced Container Queries */
@container (min-width: 600px) {
    .mhfg-article {
        padding: 81px 63px;
    }
}

@container (min-width: 900px) {
    .mhfg-article {
        padding: 100px 77px;
    }
}

/* Final Performance Optimizations */
.mhfg-optimize-rendering {
    content-visibility: auto;
    contain-intrinsic-size: 0 500px;
}

.mhfg-optimize-painting {
    contain: paint;
    will-change: transform;
}

.mhfg-optimize-layout {
    contain: layout;
    will-change: layout;
}

/* Enhanced Image Loading States */
.mhfg-image-loading {
    position: relative;
    overflow: hidden;
}

.mhfg-image-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border: 4px solid rgba(245,200,44,0.3);
    border-top-color: var(--mhfg-yellow);
    border-radius: 50%;
    animation: mhfg-image-spinner 1s linear infinite;
    z-index: 10;
}

.mhfg-image-loading img.loaded ~ ::after {
    display: none;
}

@keyframes mhfg-image-spinner {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Enhanced Image Error State */
.mhfg-image-error {
    position: relative;
    background: linear-gradient(135deg, 
        rgba(223,48,61,0.1) 0%, 
        rgba(224,50,72,0.05) 100%
    );
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mhfg-image-error::before {
    content: '⚠️';
    font-size: 48px;
    opacity: 0.5;
}

.mhfg-image-error::after {
    content: 'Image failed to load';
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    color: var(--mhfg-text-light);
    font-weight: 600;
}

/* Enhanced Image Success State */
.mhfg-image-success {
    position: relative;
}

.mhfg-image-success::after {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background: var(--mhfg-success);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(45,171,64,0.3);
    opacity: 0;
    transition: opacity 0.3s;
}

.mhfg-image-success img.loaded ~ ::after {
    opacity: 1;
}

.mhfg-image-success::after {
    content: '✓';
    color: #ffffff;
    font-weight: 900;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

/* Final SEO and Performance Enhancements */
.mhfg-seo-enhanced {
    position: relative;
}

.mhfg-seo-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(245,197,46,0.2), 
        transparent
    );
}

/* Enhanced Lazy Load Image Container */
.mhfg-lazy-image-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--mhfg-bg-alt);
}

.mhfg-lazy-image-container img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.6s, filter 0.6s, transform 0.6s;
}

.mhfg-lazy-image-container img:not(.loaded) {
    opacity: 0;
    filter: blur(18px) brightness(0.7);
    transform: scale(1.05);
}

.mhfg-lazy-image-container img.loaded {
    opacity: 1;
    filter: blur(0) brightness(1);
    transform: scale(1);
}

.mhfg-lazy-image-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(245,199,38,0.1) 0%, 
        rgba(245,194,49,0.05) 100%
    );
    pointer-events: none;
    z-index: 1;
    transition: opacity 0.6s;
}

.mhfg-lazy-image-container img.loaded ~ ::after {
    opacity: 0;
}

/* Enhanced Image with Loading Progress */
.mhfg-image-progress {
    position: relative;
}

.mhfg-image-progress::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--mhfg-yellow), var(--mhfg-yellow-light));
    width: 0;
    animation: mhfg-image-progress-load 2s ease-in-out;
    z-index: 10;
}

@keyframes mhfg-image-progress-load {
    from { width: 0; }
    to { width: 100%; }
}

.mhfg-image-progress img.loaded ~ ::before {
    width: 100%;
    animation: none;
}

/* Enhanced Image with Success Indicator */
.mhfg-image-success-indicator {
    position: relative;
}

.mhfg-image-success-indicator::after {
    content: '✓';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    background: var(--mhfg-success);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 16px;
    box-shadow: 0 2px 8px rgba(33,164,66,0.4);
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s;
    z-index: 10;
}

.mhfg-image-success-indicator img.loaded ~ ::after {
    opacity: 1;
    transform: scale(1);
    animation: mhfg-success-bounce 0.5s ease-out;
}

@keyframes mhfg-success-bounce {
    0% { transform: scale(0); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}

/* Enhanced Image with Error Indicator */
.mhfg-image-error-indicator {
    position: relative;
}

.mhfg-image-error-indicator::after {
    content: '✕';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    background: var(--mhfg-danger);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 16px;
    box-shadow: 0 2px 8px rgba(214,60,73,0.4);
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s;
    z-index: 10;
}

.mhfg-image-error-indicator img.error ~ ::after {
    opacity: 1;
    transform: scale(1);
    animation: mhfg-error-shake 0.5s ease-out;
}

@keyframes mhfg-error-shake {
    0%, 100% { transform: translateX(0) scale(1); }
    25% { transform: translateX(-5px) scale(1.1); }
    75% { transform: translateX(5px) scale(1.1); }
}

/* Final SEO Optimizations for Images */
.mhfg-seo-image {
    display: block;
    max-width:100%;
    height: auto;
}

.mhfg-seo-image[loading="lazy"] {
    min-height: 200px;
    background: linear-gradient(135deg, 
        rgba(245,192,40,0.1) 0%, 
        rgba(245,199,51,0.05) 100%
    );
}

.mhfg-seo-image[loading="lazy"].loaded {
    min-height: auto;
    background: transparent;
}

/* Enhanced Image with Micro Interactions */
.mhfg-image-micro-interaction {
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
}

.mhfg-image-micro-interaction:hover {
    transform: scale(1.02);
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.2),
        0 0 40px rgba(245,195,50,0.3);
}

.mhfg-image-micro-interaction:active {
    transform: scale(0.98);
}

/* Enhanced Image with Ripple Effect */
.mhfg-image-ripple {
    position: relative;
    overflow: hidden;
}

.mhfg-image-ripple::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(245,206,42,0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
    pointer-events: none;
    z-index: 1;
}

.mhfg-image-ripple:active::before {
    width: 300px;
    height: 300px;
}

/* Enhanced Image with Glow Effect */
.mhfg-image-glow {
    position: relative;
}

.mhfg-image-glow::after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: radial-gradient(circle, rgba(245,192,37,0.3) 0%, transparent 70%);
    border-radius: inherit;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    z-index: -1;
}

.mhfg-image-glow:hover::after {
    opacity: 1;
    animation: mhfg-glow-pulse 2s ease-in-out infinite;
}

@keyframes mhfg-glow-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.1); }
}

/* Final Maximum Detail Polish */
.mhfg-ultimate-detail {
    position: relative;
    isolation: isolate;
}

.mhfg-ultimate-detail::before {
    content: '';
    position: absolute;
    inset: -6px;
    background: linear-gradient(135deg, 
        var(--mhfg-yellow) 0%, 
        var(--mhfg-yellow-light) 20%, 
        var(--mhfg-yellow) 40%, 
        var(--mhfg-yellow-light) 60%, 
        var(--mhfg-yellow) 80%, 
        var(--mhfg-yellow-light) 100%
    );
    border-radius: inherit;
    z-index: -2;
    opacity: 0;
    transition: opacity 0.4s;
    filter: blur(12px);
    animation: mhfg-ultimate-border-rotate 5s linear infinite;
}

@keyframes mhfg-ultimate-border-rotate {
    0% { 
        background: linear-gradient(135deg, var(--mhfg-yellow) 0%, var(--mhfg-yellow-light) 50%, var(--mhfg-yellow) 100%);
    }
    25% { 
        background: linear-gradient(225deg, var(--mhfg-yellow-light) 0%, var(--mhfg-yellow) 50%, var(--mhfg-yellow-light) 100%);
    }
    50% { 
        background: linear-gradient(315deg, var(--mhfg-yellow) 0%, var(--mhfg-yellow-light) 50%, var(--mhfg-yellow) 100%);
    }
    75% { 
        background: linear-gradient(45deg, var(--mhfg-yellow-light) 0%, var(--mhfg-yellow) 50%, var(--mhfg-yellow-light) 100%);
    }
    100% { 
        background: linear-gradient(135deg, var(--mhfg-yellow) 0%, var(--mhfg-yellow-light) 50%, var(--mhfg-yellow) 100%);
    }
}

.mhfg-ultimate-detail:hover::before {
    opacity: 0.4;
}

.mhfg-ultimate-detail::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(245,202,45,0.5) 0%, transparent 70%);
    border-radius: 50%;
    transition: width 1s, height 1s;
    pointer-events: none;
    z-index: -1;
}

.mhfg-ultimate-detail:hover::after {
    width: 400%;
    height: 400%;
}

/* Enhanced Image Loading with Skeleton */
.mhfg-image-skeleton-wrapper {
    position: relative;
    background: linear-gradient(90deg, 
        rgba(245,193,36,0.1) 0%, 
        rgba(245,195,44,0.2) 50%, 
        rgba(245,205,39,0.1) 100%
    );
    background-size: 200% 100%;
    animation: mhfg-skeleton-animate 1.5s ease-in-out infinite;
    overflow: hidden;
}

@keyframes mhfg-skeleton-animate {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.mhfg-image-skeleton-wrapper img {
    opacity: 0;
    transition: opacity 0.6s;
}

.mhfg-image-skeleton-wrapper img.loaded {
    opacity: 1;
    background: transparent;
}

.mhfg-image-skeleton-wrapper img.loaded ~ ::before {
    display: none;
}

/* Enhanced Image with Blur Up Technique */
.mhfg-image-blur-up-wrapper {
    position: relative;
    overflow: hidden;
}

.mhfg-image-blur-up-wrapper::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, 
        rgba(245,192,46,0.15) 0%, 
        rgba(245,202,38,0.08) 50%, 
        rgba(245,204,49,0.15) 100%
    );
    background-size: 200% 200%;
    animation: mhfg-blur-up-animate 3s ease-in-out infinite;
    z-index: 1;
    transition: opacity 0.6s;
}

@keyframes mhfg-blur-up-animate {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.mhfg-image-blur-up-wrapper img {
    position: relative;
    z-index: 2;
    transition: filter 0.6s, opacity 0.6s;
}

.mhfg-image-blur-up-wrapper img:not(.loaded) {
    filter: blur(22px) brightness(0.6);
    opacity: 0.6;
}

.mhfg-image-blur-up-wrapper img.loaded {
    filter: blur(0) brightness(1);
    opacity: 1;
}

.mhfg-image-blur-up-wrapper img.loaded ~ ::before {
    opacity: 0;
}

/* Final SEO and Performance Optimizations */
.mhfg-seo-performance {
    content-visibility: auto;
    contain-intrinsic-size: 0 1000px;
}

.mhfg-seo-performance img {
    content-visibility: auto;
}

/* Enhanced Image with Intersection Observer Support */
.mhfg-image-observer {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

.mhfg-image-observer.visible {
    opacity: 1;
}

.mhfg-image-observer img {
    transition: filter 0.6s, transform 0.6s;
}

.mhfg-image-observer:not(.visible) img {
    filter: blur(13px) brightness(0.8);
    transform: scale(0.98);
}

.mhfg-image-observer.visible img {
    filter: blur(0) brightness(1);
    transform: scale(1);
}

/* Final Maximum Detail Enhancements Complete */
.mhfg-maximum-detail {
    position: relative;
    isolation: isolate;
    contain: layout style paint;
}

.mhfg-maximum-detail::before {
    content: '';
    position: absolute;
    inset: -8px;
    background: 
        linear-gradient(135deg, var(--mhfg-yellow) 0%, var(--mhfg-yellow-light) 25%, var(--mhfg-yellow) 50%, var(--mhfg-yellow-light) 75%, var(--mhfg-yellow) 100%),
        radial-gradient(circle at 50% 50%, rgba(245,198,41,0.2) 0%, transparent 70%);
    border-radius: inherit;
    z-index: -2;
    opacity: 0;
    transition: opacity 0.5s;
    filter: blur(13px);
    animation: mhfg-maximum-detail-rotate 6s linear infinite;
}

@keyframes mhfg-maximum-detail-rotate {
    0% { 
        background: linear-gradient(135deg, var(--mhfg-yellow) 0%, var(--mhfg-yellow-light) 50%, var(--mhfg-yellow) 100%);
        transform: rotate(0deg);
    }
    100% { 
        background: linear-gradient(495deg, var(--mhfg-yellow-light) 0%, var(--mhfg-yellow) 50%, var(--mhfg-yellow-light) 100%);
        transform: rotate(360deg);
    }
}

.mhfg-maximum-detail:hover::before {
    opacity: 0.5;
}

.mhfg-maximum-detail::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    background: 
        radial-gradient(circle, rgba(245,205,48,0.6) 0%, rgba(245,191,40,0.3) 50%, transparent 100%),
        conic-gradient(from 0deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow));
    border-radius: 50%;
    transition: width 1.2s, height 1.2s;
    pointer-events: none;
    z-index: -1;
    filter: blur(23px);
}

.mhfg-maximum-detail:hover::after {
    width: 500%;
    height: 500%;
}

/* Final Image Lazy Load Verification */
img[loading="lazy"] {
    background: linear-gradient(135deg, 
        rgba(245,201,51,0.1) 0%, 
        rgba(245,204,43,0.05) 100%
    );
    min-height: 200px;
}

img[loading="lazy"].loaded {
    background: transparent;
    min-height: auto;
}

/* Enhanced Image with Perfect Lazy Load */
.mhfg-perfemhfg-lazy-load {
    position: relative;
    overflow: hidden;
}

.mhfg-perfemhfg-lazy-load img {
    width: 100%;
    height: auto;
    display: block;
    opacity: 0;
    filter: blur(22px) brightness(0.5);
    transform: scale(1.05);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.mhfg-perfemhfg-lazy-load img.loaded {
    opacity: 1;
    filter: blur(0) brightness(1);
    transform: scale(1);
}

.mhfg-perfemhfg-lazy-load::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, 
        rgba(245,198,50,0.15) 0%, 
        rgba(245,200,42,0.08) 50%, 
        rgba(245,191,37,0.15) 100%
    );
    background-size: 200% 200%;
    animation: mhfg-perfemhfg-lazy-shimmer 2s ease-in-out infinite;
    z-index: 1;
    pointer-events: none;
    transition: opacity 0.8s;
}

@keyframes mhfg-perfemhfg-lazy-shimmer {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.mhfg-perfemhfg-lazy-load img.loaded ~ ::before {
    opacity: 0;
}

.mhfg-perfemhfg-lazy-load::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border: 5px solid rgba(245,201,45,0.3);
    border-top-color: var(--mhfg-yellow);
    border-radius: 50%;
    animation: mhfg-perfemhfg-lazy-spinner 1s linear infinite;
    z-index: 2;
    pointer-events: none;
    transition: opacity 0.3s;
}

@keyframes mhfg-perfemhfg-lazy-spinner {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

.mhfg-perfemhfg-lazy-load img.loaded ~ ::after {
    opacity: 0;
    animation: none;
}

/* Final SEO Image Optimization */
.mhfg-seo-image-optimized {
    display: block;
    max-width:100%;
    height: auto;
    objemhfg-fit: cover;
    objemhfg-position: center;
}

.mhfg-seo-image-optimized[loading="lazy"] {
    background: linear-gradient(135deg, 
        rgba(245,203,36,0.12) 0%, 
        rgba(245,198,44,0.06) 100%
    );
    min-height: 200px;
    background-size: 200% 200%;
    animation: mhfg-seo-image-placeholder 3s ease-in-out infinite;
}

@keyframes mhfg-seo-image-placeholder {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

.mhfg-seo-image-optimized[loading="lazy"].loaded {
    background: transparent;
    min-height: auto;
    animation: none;
}

/* Final Maximum Detail Complete */
.mhfg-final-polish {
    position: relative;
    isolation: isolate;
    contain: layout style paint;
    will-change: transform;
}

.mhfg-final-polish::before {
    content: '';
    position: absolute;
    inset: -10px;
    background: 
        conic-gradient(from 0deg, 
            var(--mhfg-yellow) 0deg, 
            var(--mhfg-yellow-light) 90deg, 
            var(--mhfg-yellow) 180deg, 
            var(--mhfg-yellow-light) 270deg, 
            var(--mhfg-yellow) 360deg
        ),
        radial-gradient(circle at 30% 30%, rgba(245,200,39,0.3) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(245,194,47,0.2) 0%, transparent 50%);
    border-radius: inherit;
    z-index: -2;
    opacity: 0;
    transition: opacity 0.6s;
    filter: blur(18px);
    animation: mhfg-final-polish-rotate 8s linear infinite;
}

@keyframes mhfg-final-polish-rotate {
    0% { 
        transform: rotate(0deg) scale(1);
        opacity: 0;
    }
    50% { 
        transform: rotate(180deg) scale(1.1);
        opacity: 0.3;
    }
    100% { 
        transform: rotate(360deg) scale(1);
        opacity: 0;
    }
}

.mhfg-final-polish:hover::before {
    opacity: 0.6;
    animation-duration: 4s;
}

.mhfg-final-polish::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    background: 
        radial-gradient(circle, rgba(245,201,38,0.8) 0%, rgba(245,203,46,0.4) 50%, transparent 100%),
        conic-gradient(from 45deg, var(--mhfg-yellow), var(--mhfg-yellow-light), var(--mhfg-yellow), var(--mhfg-yellow-light));
    border-radius: 50%;
    transition: width 1.5s, height 1.5s;
    pointer-events: none;
    z-index: -1;
    filter: blur(24px);
}

.mhfg-final-polish:hover::after {
    width: 600%;
    height: 600%;
}

/* Final Complete - All Enhancements Applied */


/* ==================
   Company Logo Styles (110px height)
   ================== */
.fb-company-logo {
    width: 240px;
    height: 165px;
    objemhfg-fit: contain;
    background: var(--fb-white);
    border-radius: var(--fb-radius-sm);
    padding: 11px;
    margin-bottom: 6px;
    border: 2px solid var(--fb-gray-200);
}

.fb-company-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* ==================
   Action Buttons (Go + Review)
   ================== */
.fb-action-buttons {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.fb-btn-primary {
    display: inline-block;
    padding: 9px 26px;
    background: var(--fb-secondary);
    color: var(--fb-dark);
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    border-radius: var(--fb-radius-sm);
    transition: var(--fb-transition);
    text-decoration: none;
}

.fb-btn-primary:hover {
    background: var(--fb-secondary-dark);
    color: var(--fb-dark);
    transform: translateY(-1px);
}

.fb-btn-review {
    display: inline-block;
    padding: 13px 22px;
    background: transparent;
    color: var(--fb-primary);
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    border: 2px solid var(--fb-primary);
    border-radius: var(--fb-radius-sm);
    transition: var(--fb-transition);
    text-decoration: none;
}

.fb-btn-review:hover {
    background: var(--fb-primary);
    color: var(--fb-white);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .fb-company-logo {
        width: 160px;
        height: 100px;
    }

    .fb-action-buttons {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .fb-btn-primary,
    .fb-btn-review {
        padding: 8px 19px;
        font-size: 11px;
    }
}
/* ==================
   UNIVERSAL MOBILE FIX - Company Logos & Table Adaptivity
   Applied to all sites
   ================== */
@media (max-width: 768px) {
    /* Universal logo selectors */
    [class*='company-logo'],
    [class*='CompanyLogo'],
    [class*='company_logo'],
    img[class*='logo'][class*='company'],
    .company-logo,
    .fb-company-logo,
    .catCompanyLogo,
    .tf-company-card__logo,
    .th-company-logo,
    .op-company-logo,
    .card-logo,
    .review-logo {
        width: 140px !important;
        min-width: 140px !important;
        height: auto !important;
        min-height: 80px !important;
        max-height: 100px !important;
        padding: 8px !important;
        margin: 0 auto 15px !important;
        display: block !important;
        objemhfg-fit: contain !important;
    }
    
    /* Center company info/cards */
    [class*='company-info'],
    [class*='CompanyInfo'],
    [class*='company_info'],
    .fb-company-info,
    .catCompanyInfo,
    .tf-company-card__info {
        align-items: center !important;
        text-align: center !important;
    }
    
    /* Center company name */
    [class*='company-name'],
    [class*='CompanyName'],
    .catCompanyName,
    .tf-company-card__name {
        text-align: center !important;
    }
    
    /* Center rating/stars */
    [class*='rating'],
    [class*='Rating'],
    [class*='stars'],
    [class*='Stars'],
    .catRating,
    .catStars {
        justify-content: center !important;
        text-align: center !important;
    }
    
    /* Buttons full width */
    [class*='action-btn'],
    [class*='ActionBtn'],
    [class*='btn-cta'],
    [class*='btn-primary'],
    [class*='btn-review'],
    .catBtnCta,
    .catBtnReview,
    .fb-btn-primary,
    .fb-btn-review,
    .tf-btn-primary,
    .tf-btn-outline {
        display: block !important;
        width: 100% !important;
        padding: 10px 21px !important;
        text-align: center !important;
        font-size: 14px !important;
        margin-bottom: 7px !important;
    }
    
    /* Site logo bigger */
    [class*='site-logo'] img,
    [class*='SiteLogo'] img,
    .catLogo__icon,
    .tf-logo__icon,
    .th-logo__icon,
    header [class*='logo'] img {
        min-width: 45px !important;
        min-height: 45px !important;
    }
}