@import "https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Outfit:wght@300;400;500;600&display=swap";@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";:root{--brand-pink:#d96880;--brand-green:#3a5c2d;--primary-color:#fdf0f3;--secondary-color:#f3c5d0;--accent-color:#95c170;--accent-hover:#7b9f5d;--text-dark:#2a312b;--text-muted:#6e7a70;--glass-bg:#ffffffd9;--glass-border:#95c1704d;--shadow:0 15px 35px #f3c5d04d;--shadow-deep:0 25px 50px #f3c5d080;--font-serif:"Playfair Display", serif;--font-sans:"Outfit", sans-serif;--transition:all .4s cubic-bezier(.25, .1, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:radial-gradient(circle at 50% 0%, #fff 0%, var(--primary-color) 100%);color:var(--text-dark);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--text-dark);font-weight:600}.page-title{text-align:center;margin-top:4rem;margin-bottom:2rem;font-size:3.5rem;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.page-title:after{content:"";background-color:var(--accent-color);width:60%;height:2px;position:absolute;bottom:-10px;left:20%}.page-subtitle{text-align:center;color:var(--text-muted);max-width:600px;margin:0 auto 4rem;font-size:1.1rem}.btn-primary{background-color:var(--accent-color);color:#fff;font-family:var(--font-sans);cursor:pointer;transition:var(--transition);border:none;border-radius:50px;padding:12px 30px;font-size:1rem;font-weight:500;display:inline-block;box-shadow:0 4px 15px #ffb6c180}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff69b466}.container{max-width:1200px;min-height:80vh;margin:0 auto;padding:8rem 5% 4rem}.card{box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--secondary-color);text-align:center;background:#fff;border-radius:20px;padding:2.5rem}.card:hover{border-color:var(--accent-color);transform:translateY(-10px)}.card-icon{color:var(--accent-color);margin-bottom:1.5rem;font-size:3rem}.navbar{z-index:1000;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);width:100%;transition:var(--transition);justify-content:space-between;align-items:center;padding:15px 5%;display:flex;position:fixed;top:0;left:0}.nav-logo{font-family:var(--font-serif);font-size:2rem;font-weight:700;text-decoration:none}.nav-logo .hg{color:var(--brand-pink)}.nav-logo .music{color:var(--brand-green)}.brand-text .hg{color:var(--brand-pink);font-weight:inherit}.brand-text .music{color:var(--brand-green);font-weight:inherit}.nav-links{flex-wrap:wrap;gap:1.5rem;display:flex}.nav-links a{font-family:var(--font-sans);color:var(--text-dark);transition:var(--transition);font-size:.95rem;font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--accent-hover)}footer{background:var(--secondary-color);border-top:1px solid var(--glass-border);padding:4rem 5% 2rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1200px;margin:0 auto;display:grid}.footer-col h3{color:var(--accent-hover);margin-bottom:1.5rem;font-size:1.5rem}.footer-col p{align-items:center;gap:10px;margin-bottom:1rem;display:flex}.footer-bottom{text-align:center;color:var(--text-muted);border-top:1px solid #0000000d;margin-top:2rem;padding-top:2rem;font-size:.9rem}.course-card-home:hover{transform:translateY(-5px);border-color:var(--accent-color)!important;background:#fff!important}.blog-scroll-container::-webkit-scrollbar{height:8px}.blog-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.blog-scroll-container::-webkit-scrollbar-thumb{background:#ffb6c1;border-radius:10px}.blog-scroll-container::-webkit-scrollbar-thumb:hover{background:#ff69b4}.course-img-bg:hover{transform:scale(1.1)}.gallery-overlay:hover{opacity:1!important}@media (width<=900px){div[style*="columnCount: 3"]{column-count:2!important}}@media (width<=600px){div[style*="columnCount: 3"]{column-count:1!important}}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 20px #4caf5033!important}


/* --- HG MUSIC FIXES START --- */
/* 1. Header Fixes */
header.hg-nav-sticky,
.hg-nav-sticky,
div.hg-top-nav-bar {
    position: sticky !important;
    top: 0 !important;
    z-index: 99999 !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    background: rgba(253, 248, 245, 0.94) !important;
    border-bottom: 1px solid rgba(230, 215, 205, 0.6) !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important;
    width: 100% !important;
}

header a, .hg-nav-sticky a {
    white-space: nowrap !important;
}

/* 2. Central Video TVC Embed Fixes */
.hg-center-tvc-container,
div:has(> iframe[src*="youtube"]) {
    width: 100% !important;
    max-width: 860px !important;
    margin: 0 auto !important;
}

.hg-tvc-frame,
iframe[src*="youtube"] {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important;
    border: none !important;
}

/* 3. Pricing 3-Column Layout */
div[style*="8rem"],
body.hg-price-page section div:has(> div > .hover-lift),
section div:has(> div > .hover-lift) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    max-width: 1200px !important;
    margin: 0 auto 8rem !important;
    align-items: stretch !important;
}

@media (max-width: 900px) {
    body.hg-price-page section div:has(> div > .hover-lift),
    section div:has(> div > .hover-lift) {
        grid-template-columns: 1fr !important;
    }
}

/* 4. Blog List View (Compact Horizontal Row View) */
body.page-id-28 #hg-list,
body #hg-list,
.hg-blog-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    max-width: 900px !important;
    margin: 36px auto 80px !important;
    padding: 0 18px !important;
}

body.page-id-28 article.hg-list-row,
body #hg-list article,
.hg-list-row {
    display: grid !important;
    grid-template-columns: 200px 1fr auto !important;
    gap: 24px !important;
    align-items: center !important;
    padding: 18px !important;
    background: #ffffff !important;
    border: 1px solid #e8ebe4 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
    box-sizing: border-box !important;
}

@media (max-width: 640px) {
    body.page-id-28 article.hg-list-row,
    body #hg-list article,
    .hg-list-row {
        grid-template-columns: 1fr !important;
    }
}

body.page-id-28 article.hg-list-row img,
body #hg-list article img {
    width: 200px !important;
    height: 130px !important;
    min-height: 130px !important;
    max-height: 130px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
}

body.page-id-28 article.hg-list-row > div,
body #hg-list article > div {
    padding: 0 !important;
    display: block !important;
}

body.page-id-28 article.hg-list-row h2,
body #hg-list article h2 {
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 0 0 8px 0 !important;
    color: #1b2e1b !important;
}

body.page-id-28 article.hg-list-row p,
body #hg-list article p {
    font-size: 14px !important;
    color: #556054 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

body.page-id-28 article.hg-list-row a,
body #hg-list article a {
    padding: 10px 20px !important;
    background: #406d2d !important;
    color: #ffffff !important;
    border-radius: 99px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
/* --- HG MUSIC FIXES END --- */