*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #374151; background: #eef3f9; overflow-x: hidden; line-height: 1.6; }
    img { max-width: 100%; height: auto; display: block; }
    a { text-decoration: none; color: inherit; }
    button { cursor: pointer; border: none; background: none; font-family: inherit; }
    input, textarea { font-family: inherit; }

    /* Animations */
    @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
    .animate-fade-in { animation: fadeIn 0.8s ease-out forwards; }
    .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }

    /* Utility */
    .section-padding { padding: 1.5rem 0.75rem; }
    .max-w-6xl { max-width: 72rem; margin: 0 auto; }
    .text-center { text-align: center; }
    .relative { position: relative; }
    .overflow-hidden { overflow: hidden; }

    /* ===== HERO SECTION ===== */
    .hero { position: relative; min-height: 65vh; display: flex; flex-direction: column; overflow: hidden; background: #1e2d6f; }
    .hero-bg { position: absolute; inset: 0; z-index: 0; }
    .hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
    .hero-bg-overlay { position: absolute; inset: 0; background: rgba(30,45,111,0.3); }
    .hero-logos { position: absolute; top: 1.5rem; left: 0; right: 0; z-index: 10; padding: 0 1rem; }
    .hero-logos-inner { max-width: 64rem; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
    .hero-logos-inner .logo-left { height: 1.5rem; width: auto; object-fit: contain; }
    .hero-logos-inner .logo-right { height: 3rem; width: auto; object-fit: contain; }
    .hero-deco1 { position: absolute; top: 25%; left: 2.5rem; width: 16rem; height: 16rem; background: rgba(201,169,110,0.08); border-radius: 50%; filter: blur(48px); animation: pulse 2s cubic-bezier(0.4,0,0.6,1) infinite; }
    .hero-deco2 { position: absolute; bottom: 25%; right: 2.5rem; width: 16rem; height: 16rem; background: rgba(255,255,255,0.05); border-radius: 50%; filter: blur(48px); animation: pulse 2s cubic-bezier(0.4,0,0.6,1) infinite; animation-delay: 1s; }
    .hero-content { position: relative; z-index: 10; text-align: center; padding: 9rem 1rem 1.5rem; max-width: 64rem; margin: 0 auto; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
    .hero-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.75rem; letter-spacing: -0.025em; line-height: 1.3; }
    .hero-title-main { background: linear-gradient(to right, #fff, #e8d5a3, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .hero-title-sub { background: linear-gradient(to right, #e8d5a3, #c9a96e, #e8d5a3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; display: inline-block; margin-top: 0.5rem; }
    .hero-badge { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1rem; border-radius: 9999px; border: 1px solid rgba(201,169,110,0.3); background: rgba(201,169,110,0.1); margin-bottom: 1.25rem; backdrop-filter: blur(4px); }
    .hero-badge svg { width: 0.875rem; height: 0.875rem; color: #e8d5a3; }
    .hero-badge span { color: #e8d5a3; font-size: 1rem; letter-spacing: 0.05em; font-weight: 700; }
    .hero-tags { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 0.375rem; margin-bottom: 1.25rem; }
    .hero-tag { padding: 0.25rem 0.5rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 500; white-space: nowrap; }
    .hero-tag-white { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.15); color: rgba(255,255,255,0.9); }
    .hero-tag-gold { background: rgba(201,169,110,0.1); border: 1px solid rgba(201,169,110,0.25); color: #e8d5a3; }
    .hero-desc { font-size: 0.875rem; color: rgba(209,213,219,0.8); margin-bottom: 2rem; max-width: 48rem; margin-left: auto; margin-right: auto; line-height: 1.8; }
    .hero-buttons { display: flex; flex-direction: column; gap: 0.75rem; justify-content: center; }
    .hero-btn-primary { padding: 0.75rem 1.5rem; background: linear-gradient(to right, #c9a96e, #e8d5a3); color: #1e2d6f; font-weight: 600; border-radius: 0.75rem; transition: all 0.3s; display: inline-block; }
    .hero-btn-primary:hover { box-shadow: 0 10px 25px rgba(201,169,110,0.25); transform: translateY(-2px); }
    .hero-btn-secondary { padding: 0.75rem 1.5rem; border: 1px solid rgba(255,255,255,0.2); color: #fff; border-radius: 0.75rem; transition: all 0.3s; display: inline-block; backdrop-filter: blur(4px); }
    .hero-btn-secondary:hover { background: rgba(255,255,255,0.1); transform: translateY(-2px); }

    /* ===== SECTION HEADERS ===== */
    .section-badge { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.375rem 1rem; border-radius: 9999px; border: 1px solid rgba(30,45,111,0.2); background: rgba(30,45,111,0.05); margin-bottom: 1rem; }
    .section-badge span { color: #1e2d6f; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 500; }
    .section-badge svg { width: 0.875rem; height: 0.875rem; color: #1e2d6f; }
    .section-title { font-size: 1.875rem; font-weight: 700; margin-bottom: 0.5rem; color: #1e2d6f; }
    .section-subtitle { color: #6b7280; font-size: 1rem; }

    /* ===== YANG COLUMN SECTION ===== */
    .yang-section { background: #f4f8fc; }
    .yang-mentor-card { margin-bottom: 3rem; border-radius: 1rem; border: 1px solid rgba(201,169,110,0.2); background: #fff; box-shadow: 0 10px 25px rgba(0,0,0,0.1); overflow: hidden; }
    .yang-mentor-inner { padding: 1.25rem; display: flex; flex-direction: column; gap: 1.25rem; align-items: center; }
    .yang-avatar { width: 8rem; height: 11rem; border-radius: 1rem; border: 2px solid rgba(201,169,110,0.4); overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1); flex-shrink: 0; }
    .yang-avatar img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
    .yang-info h3 { font-size: 1.5rem; font-weight: 700; color: #1f2937; margin-bottom: 0.5rem; }
    .yang-info .yang-title { color: #c9a96e; font-size: 1rem; margin-bottom: 1rem; font-weight: 500; }
    .yang-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.25rem; }
    .yang-tag { padding: 0.375rem 0.75rem; border-radius: 9999px; border: 1px solid rgba(201,169,110,0.3); background: rgba(201,169,110,0.05); color: #374151; font-size: 0.875rem; font-weight: 500; }
    .yang-bio { color: #4b5563; font-size: 0.875rem; line-height: 1.8; }
    .yang-articles { position: relative; overflow: hidden; }
    .yang-article { border-radius: 0.5rem; border: 1px solid #e5e7eb; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); overflow: hidden; transition: all 0.3s; display: flex; flex-direction: column; }
    .yang-article:hover { border-color: rgba(201,169,110,0.3); box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    .yang-article-img { width: 100%; height: 8rem; overflow: hidden; }
    .yang-article-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
    .yang-article:hover .yang-article-img img { transform: scale(1.05); }
    .yang-article-content { padding: 0.75rem; flex: 1; display: flex; flex-direction: column; }
    .yang-article-date { display: inline-block; padding: 0.125rem 0.5rem; border-radius: 9999px; background: rgba(201,169,110,0.1); border: 1px solid rgba(201,169,110,0.2); color: #c9a96e; font-size: 0.625rem; width: fit-content; margin-bottom: 0.5rem; }
    .yang-article-title { color: #1f2937; font-weight: 700; font-size: 1rem; margin-bottom: 0.375rem; flex: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s; }
    .yang-article:hover .yang-article-title { color: #c9a96e; }
    .yang-article-link { color: rgba(201,169,110,0.7); font-size: 0.625rem; display: flex; align-items: center; gap: 0.375rem; margin-top: auto; transition: color 0.3s; }
    .yang-article:hover .yang-article-link { color: #c9a96e; }
    .yang-more { margin-top: 1.5rem; text-align: center; color: #9ca3af; font-size: 0.75rem; }

    /* ===== ARTICLE CAROUSEL ===== */
    .carousel-outer-wrapper { position: relative; }
    .carousel-inner-container { overflow: hidden; }
    .carousel-track { display: flex; transition: transform 0.5s ease; gap: 1rem; }
    .carousel-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 2rem; height: 2rem; border-radius: 50%; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.15); border: 1px solid #e5e7eb; display: flex; align-items: center; justify-content: center; z-index: 10; transition: all 0.3s; cursor: pointer; }
    .carousel-nav-left { left: -1rem; }
    .carousel-nav-right { right: -1rem; }
    .carousel-nav:hover { background: rgba(201,169,110,0.1); border-color: rgba(201,169,110,0.3); }
    .carousel-nav svg { width: 1.25rem; height: 1.25rem; color: #374151; }
    .carousel-dots { display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin-top: 1rem; }
    .carousel-dot { width: 0.5rem; height: 0.5rem; border-radius: 9999px; background: #d1d5db; transition: all 0.3s; cursor: pointer; }
    .carousel-dot.active { background: #c9a96e; width: 1.5rem; }

    /* ===== VALUE SECTION ===== */
    .value-section { background: #f4f8fc; }
    .value-section-bg { position: absolute; inset: 0; z-index: 0; }
    .value-section-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.2; }
    .value-grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem; }
    .value-card { border-radius: 0.75rem; border: 1px solid; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); overflow: hidden; transition: all 0.3s; height: 100%; }
    .value-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    .value-card-bar { height: 4px; width: 100%; }
    .value-card-body { padding: 1.25rem; }
    .value-card-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem; }
    .value-card-num { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 50%; color: #fff; font-size: 0.75rem; font-weight: 700; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
    .value-card-title { font-size: 1.5rem; font-weight: 800; color: #1e2d6f; letter-spacing: -0.025em; }
    .value-card-badge { margin-left: auto; padding: 0.125rem 0.625rem; border-radius: 9999px; font-size: 0.6875rem; font-weight: 600; color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
    .value-item { border-radius: 0.5rem; padding: 0.875rem; margin-bottom: 0.75rem; }
    .value-item:last-child { margin-bottom: 0; }
    .value-item-inner { display: flex; align-items: flex-start; gap: 0.625rem; }
    .value-item-dot { margin-top: 0.375rem; width: 0.5rem; height: 0.5rem; border-radius: 50%; flex-shrink: 0; }
    .value-item h4 { color: #1f2937; font-weight: 600; font-size: 1rem; margin-bottom: 0.25rem; }
    .value-item p { color: #4b5563; font-size: 0.875rem; line-height: 1.6; }
    .value-summary { margin-top: 2rem; text-align: center; }
    .value-summary-inner { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.25rem; border-radius: 9999px; background: rgba(30,45,111,0.05); border: 1px solid rgba(30,45,111,0.1); flex-wrap: wrap; justify-content: center; }
    .value-summary-inner span { font-size: 1rem; font-weight: 600; }
    .value-summary-inner .sep { width: 1px; height: 1rem; background: #d1d5db; margin: 0 0.25rem; }
    .value-summary-inner .text { color: #374151; font-weight: 400; }
    .chevron-icon { width: 1rem; height: 1rem; color: #9ca3af; }

    /* ===== HIGHLIGHTS SECTION ===== */
    .highlights-section { background: #e8f0f8; }
    .highlights-exclusive { margin-bottom: 2rem; }
    .highlights-exclusive h3 { font-size: 1.25rem; font-weight: 700; color: #c9a96e; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.5rem; }
    .highlights-exclusive-card { border-radius: 0.75rem; border: 1px solid rgba(201,169,110,0.3); background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); overflow: hidden; }
    .highlights-exclusive-bar { height: 4px; width: 100%; background: linear-gradient(to right, #c9a96e, #e8d5a3); }
    .highlights-exclusive-body { padding: 1rem; }
    .highlights-exclusive-body h4 { font-size: 1.25rem; font-weight: 700; color: #1f2937; margin-bottom: 0.5rem; }
    .highlights-exclusive-body p { color: #4b5563; font-size: 0.875rem; line-height: 1.6; }
    .highlights-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin-bottom: 2rem; }
    .highlights-card { border-radius: 0.75rem; border: 1px solid #e5e7eb; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); overflow: hidden; }
    .highlights-card-img { height: 8rem; overflow: hidden; }
    .highlights-card-img img { width: 100%; height: 100%; object-fit: cover; }
    .highlights-card-body { padding: 1.25rem; text-align: center; }
    .highlights-card-num { font-size: 2.25rem; font-weight: 700; color: #c9a96e; margin-bottom: 0.5rem; }
    .highlights-card-num span { font-size: 1.5rem; }
    .highlights-card-title { color: #1f2937; font-weight: 500; margin-bottom: 0.25rem; font-size: 0.875rem; }
    .highlights-card-desc { color: #6b7280; font-size: 0.75rem; }
    .highlights-features { margin-bottom: 2rem; }
    .highlights-features h3 { font-size: 1.25rem; font-weight: 700; color: #c9a96e; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.5rem; }
    .highlights-features-grid { border-radius: 0.75rem; border: 1px solid #e5e7eb; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); padding: 1rem; display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }
    .highlights-feature-tag { padding: 0.375rem 0.75rem; border-radius: 9999px; border: 1px solid rgba(201,169,110,0.3); background: rgba(201,169,110,0.05); color: #374151; font-size: 0.875rem; text-align: center; font-weight: 700; }

    /* ===== SCHEDULE SECTION ===== */
    .schedule-section { background: #f4f8fc; }
    .schedule-section-bg { position: absolute; inset: 0; z-index: 0; }
    .schedule-section-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.2; }
    .schedule-highlights { display: grid; grid-template-columns: 1fr; gap: 1rem; margin-bottom: 2rem; }
    .schedule-highlight-card { border-radius: 0.75rem; border: 1px solid #e5e7eb; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); padding: 1.5rem; text-align: center; }
    .schedule-highlight-icon { width: 3rem; height: 3rem; margin: 0 auto 1rem; border-radius: 50%; background: rgba(30,45,111,0.1); border: 1px solid rgba(30,45,111,0.2); display: flex; align-items: center; justify-content: center; }
    .schedule-highlight-icon svg { width: 1.5rem; height: 1.5rem; color: #1e2d6f; }
    .schedule-highlight-title { color: #1f2937; font-weight: 800; font-size: 1.25rem; margin-bottom: 0.5rem; white-space: pre-line; }
    .schedule-highlight-desc { color: #6b7280; font-size: 0.875rem; }
    .schedule-timeline { border-radius: 0.75rem; border: 1px solid #e5e7eb; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); overflow: hidden; }
    .schedule-stats { display: grid; grid-template-columns: 1fr 1fr; background: rgba(201,169,110,0.05); border-bottom: 1px solid rgba(201,169,110,0.2); }
    .schedule-stat { display: flex; align-items: center; justify-content: center; gap: 0.375rem; padding: 0.75rem 1rem; }
    .schedule-stat:first-child { border-right: 1px solid #e5e7eb; }
    .schedule-stat-value { font-size: 1.25rem; font-weight: 700; color: #c9a96e; }
    .schedule-stat-label { font-size: 0.875rem; color: #6b7280; }
    .schedule-modules { display: grid; grid-template-columns: 1fr; }
    .schedule-module { padding: 1.25rem; position: relative; border-bottom: 1px solid #e5e7eb; }
    .schedule-module:last-child { border-bottom: none; }
    .schedule-module-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; flex-wrap: wrap; }
    .schedule-module-icon { width: 2.25rem; height: 2.25rem; border-radius: 0.5rem; background: rgba(201,169,110,0.1); border: 1px solid rgba(201,169,110,0.25); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .schedule-module-icon svg { width: 1.125rem; height: 1.125rem; color: #e8d5a3; }
    .schedule-module-title { font-size: 1.25rem; font-weight: 800; color: #1f2937; }
    .schedule-module-badge { font-size: 0.75rem; padding: 0.125rem 0.5rem; border-radius: 9999px; background: rgba(201,169,110,0.1); border: 1px solid rgba(201,169,110,0.2); color: #c9a96e; font-weight: 500; }
    .schedule-module-date { margin-left: auto; font-size: 0.75rem; color: #6b7280; display: flex; align-items: center; gap: 0.25rem; flex-shrink: 0; }
    .schedule-module-date svg { width: 0.75rem; height: 0.75rem; }
    .schedule-module-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; }
    .schedule-module-tag { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.375rem 0.75rem; border-radius: 0.375rem; background: #f9fafb; border: 1px solid #e5e7eb; font-size: 0.75rem; color: #4b5563; white-space: nowrap; }
    .schedule-module-tag svg { width: 0.75rem; height: 0.75rem; color: #c9a96e; }

    /* ===== TARGET STUDENTS SECTION ===== */
    .students-section { background: #f4f8fc; }
    .students-section-bg { position: absolute; inset: 0; z-index: 0; }
    .students-section-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.15; }
    .students-grid { display: grid; grid-template-columns: 1fr; gap: 0.75rem; }
    .student-card { border-radius: 0.5rem; border: 1px solid #e5e7eb; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); padding: 1rem; display: flex; flex-direction: column; align-items: center; text-align: center; transition: all 0.3s; }
    .student-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
    .student-icon { width: 2.5rem; height: 2.5rem; border-radius: 0.375rem; display: flex; align-items: center; justify-content: center; margin-bottom: 0.5rem; }
    .student-icon svg { width: 1.25rem; height: 1.25rem; }
    .student-title { font-size: 1.25rem; font-weight: 800; color: #1e2d6f; line-height: 1.2; margin-bottom: 0.375rem; }
    .student-stage { font-size: 0.75rem; color: #6b7280; margin-bottom: 0.5rem; white-space: nowrap; }
    .student-match { display: flex; align-items: center; gap: 0.375rem; margin-top: auto; }
    .student-match svg { width: 0.875rem; height: 0.875rem; flex-shrink: 0; }
    .student-match span { font-size: 0.875rem; font-weight: 500; }

    /* ===== REVIEW SECTION ===== */
    .review-section { background: #e8f0f8; }
    .review-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; margin-bottom: 2.5rem; }
    .review-stat { text-align: center; padding: 1rem; border-radius: 0.75rem; border: 1px solid #e5e7eb; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); transition: all 0.3s; }
    .review-stat:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-color: rgba(201,169,110,0.3); }
    .review-stat svg { width: 1.25rem; height: 1.25rem; color: #c9a96e; margin: 0 auto 0.5rem; }
    .review-stat-value { font-size: 1.5rem; font-weight: 700; color: #c9a96e; margin-bottom: 0.25rem; }
    .review-stat-label { font-size: 0.875rem; color: #6b7280; }
    .review-carousel-title { display: flex; align-items: center; justify-content: center; gap: 0.75rem; margin-bottom: 1.5rem; }
    .review-carousel-title h3 { font-size: 1.25rem; font-weight: 600; color: #1f2937; }
    .review-carousel-title .line { height: 1px; width: 3rem; background: linear-gradient(to right, transparent, rgba(201,169,110,0.5)); }
    .review-carousel-title .line-r { background: linear-gradient(to left, transparent, rgba(201,169,110,0.5)); }
    .photos-grid { display: grid; grid-template-columns: 1fr; gap: 0.75rem; margin-bottom: 2.5rem; }
    .photo-card { border-radius: 0.75rem; overflow: hidden; border: 1px solid #e5e7eb; box-shadow: 0 1px 3px rgba(0,0,0,0.05); position: relative; }
    .photo-card img { width: 100%; height: 12rem; object-fit: cover; transition: transform 0.5s; }
    .photo-card:hover img { transform: scale(1.1); }
    .photo-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 0.75rem; background: linear-gradient(to top, rgba(0,0,0,0.7), transparent); transform: translateY(100%); transition: transform 0.3s; }
    .photo-card:hover .photo-caption { transform: translateY(0); }
    .photo-caption p { color: #fff; font-size: 0.875rem; font-weight: 500; text-align: center; }
    .testimonials-grid { display: grid; grid-template-columns: 1fr; gap: 0.75rem; margin-bottom: 2.5rem; }
    .testimonial-card { border-radius: 0.5rem; border: 1px solid #e5e7eb; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); padding: 1rem; transition: all 0.3s; }
    .testimonial-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-color: rgba(201,169,110,0.3); }
    .testimonial-header { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
    .testimonial-header svg { width: 1rem; height: 1rem; color: #c9a96e; flex-shrink: 0; }
    .testimonial-badge { font-size: 0.875rem; padding: 0.125rem 0.625rem; border-radius: 9999px; background: rgba(201,169,110,0.1); border: 1px solid rgba(201,169,110,0.2); color: #c9a96e; font-weight: 600; }
    .testimonial-quote { color: #4b5563; font-size: 0.875rem; line-height: 1.6; margin-bottom: 0.5rem; }
    .testimonial-stars { display: flex; gap: 0.125rem; }
    .testimonial-stars svg { width: 0.75rem; height: 0.75rem; color: #c9a96e; fill: #c9a96e; }
    .review-articles { display: grid; grid-template-columns: 1fr; gap: 1rem; }
    .review-article { border-radius: 0.5rem; border: 1px solid #e5e7eb; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); overflow: hidden; transition: all 0.3s; display: block; }
    .review-article:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-color: rgba(201,169,110,0.3); }
    .review-article img { width: 100%; height: 10rem; object-fit: cover; transition: transform 0.5s; }
    .review-article:hover img { transform: scale(1.05); }
    .review-article-info { padding: 0.75rem; display: flex; align-items: center; gap: 0.75rem; }
    .review-article-icon { width: 2rem; height: 2rem; border-radius: 0.375rem; background: rgba(201,169,110,0.1); border: 1px solid rgba(201,169,110,0.2); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .review-article-icon svg { width: 1rem; height: 1rem; color: #c9a96e; }
    .review-article-title { color: #1f2937; font-size: 1rem; font-weight: 500; transition: color 0.3s; }
    .review-article:hover .review-article-title { color: #c9a96e; }

    /* ===== CTA SECTION ===== */
    .cta-section { background: #1e2d6f; }
    .cta-title { font-size: 1.875rem; font-weight: 700; color: #2196F3; margin-bottom: 1rem; }
    .cta-divider { display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin-bottom: 2.5rem; }
    .cta-divider-line { width: 5rem; height: 1px; background: #6b7280; }
    .cta-divider-diamond { width: 0.75rem; height: 0.75rem; border: 1px solid #6b7280; transform: rotate(45deg); }
    .cta-form { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
    .cta-form-fields { }
    .cta-form-row { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-bottom: 1.25rem; }
    .cta-field { display: flex; align-items: center; gap: 1rem; }
    .cta-field label { color: #fff; font-size: 0.875rem; white-space: nowrap; min-width: 3.75rem; text-align: right; }
    .cta-field label .req { color: #f87171; }
    .cta-field input, .cta-field textarea { flex: 1; background: rgba(26,63,122,0.8); border: none; border-radius: 0.25rem; padding: 0.75rem 1rem; color: #fff; font-size: 1rem; outline: none; }
    .cta-field input:focus, .cta-field textarea:focus { box-shadow: 0 0 0 1px #2196F3; }
    .cta-field textarea { resize: none; }
    .cta-field input::placeholder, .cta-field textarea::placeholder { color: #9ca3af; }
    .cta-captcha-row { display: flex; align-items: center; gap: 1rem; }
    .cta-captcha-row label { color: #fff; font-size: 0.875rem; white-space: nowrap; min-width: 3.75rem; text-align: right; }
    .cta-captcha-row label .req { color: #f87171; }
    .cta-captcha-row input { width: 5rem; min-width: 0; background: rgba(26,63,122,0.8); border: none; border-radius: 0.25rem; padding: 0.75rem 1rem; color: #fff; font-size: 1rem; outline: none; }
    .cta-captcha-row input:focus { box-shadow: 0 0 0 1px #2196F3; }
    .cta-captcha-img { height: 38px; width: 100px; cursor: pointer; border-radius: 0.25rem; background: #fff; flex-shrink: 0; }
    .cta-error { margin-top: 1rem; color: #f87171; font-size: 0.875rem; display: flex; align-items: center; gap: 0.5rem; }
    .cta-right { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 2rem; }
    .cta-desc { color: #d1d5db; font-size: 0.875rem; line-height: 1.6; margin-bottom: 2rem; text-align: center; }
    .cta-submit { padding: 0.75rem 3rem; font-weight: 700; border-radius: 9999px; transition: all 0.3s; box-shadow: 0 4px 12px rgba(0,0,0,0.2); background: #fff; color: #0d2b6b; font-size: 1rem; }
    .cta-submit:hover { background: #f3f4f6; }
    .cta-submit:disabled { background: #9ca3af; color: #fff; cursor: wait; }
    .cta-success { color: #34d399; font-size: 0.875rem; margin-top: 0.75rem; }

    /* ===== CAROUSEL CONTROLS ===== */
    .carousel-container { position: relative; margin-bottom: 2.5rem; }
    .carousel-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 2rem; height: 2rem; border-radius: 50%; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.15); border: 1px solid #e5e7eb; display: flex; align-items: center; justify-content: center; z-index: 10; transition: all 0.3s; }
    .carousel-nav:hover { background: rgba(201,169,110,0.1); border-color: rgba(201,169,110,0.3); }
    .carousel-nav svg { width: 1rem; height: 1rem; color: #4b5563; }
    .carousel-nav-left { left: -1rem; }
    .carousel-nav-right { right: -1rem; }
    .carousel-dots { display: flex; align-items: center; justify-content: center; gap: 0.5rem; margin-top: 1rem; }
    .carousel-dot { width: 0.5rem; height: 0.5rem; border-radius: 9999px; background: #d1d5db; transition: all 0.3s; }
    .carousel-dot.active { background: #c9a96e; width: 1.5rem; }

    /* ===== RESPONSIVE ===== */
    @media (min-width: 640px) {
      .hero { min-height: 85vh; }
      .hero-logos { top: 2rem; padding: 0 1.5rem; }
      .hero-logos-inner .logo-left { height: 2rem; }
      .hero-logos-inner .logo-right { height: 5rem; }
      .hero-content { padding: 8rem 1.5rem 4rem; }
      .hero-title { font-size: 1.875rem; }
      .hero-badge span { font-size: 1.125rem; }
      .hero-badge svg { width: 1rem; height: 1rem; }
      .hero-tags { gap: 0.75rem; }
      .hero-tag { padding: 0.375rem 1rem; font-size: 1.125rem; }
      .hero-desc { font-size: 1.25rem; }
      .hero-buttons { flex-direction: row; gap: 1rem; }
      .hero-btn-primary, .hero-btn-secondary { padding: 1rem 2rem; }
      .section-padding { padding: 1.5rem 1rem; }
      .section-subtitle { font-size: 1.25rem; }
      .yang-mentor-inner { padding: 2rem; gap: 2rem; }
      .yang-avatar { width: 10rem; height: 13rem; }
      .yang-info .yang-title { font-size: 1.25rem; }
      .yang-bio { font-size: 1.25rem; }
      .yang-articles { grid-template-columns: 1fr 1fr; }
      .value-grid { grid-template-columns: 1fr 1fr; }
      .value-item h4 { font-size: 1.125rem; }
      .value-item p { font-size: 1.125rem; }
      .value-summary-inner span { font-size: 1.125rem; }
      .highlights-exclusive h3 { font-size: 1.5rem; }
      .highlights-exclusive-body { padding: 1.5rem; }
      .highlights-exclusive-body h4 { font-size: 1.5rem; }
      .highlights-exclusive-body p { font-size: 1.25rem; }
      .highlights-card-title { font-size: 1rem; }
      .highlights-card-desc { font-size: 0.875rem; }
      .highlights-features h3 { font-size: 1.5rem; }
      .highlights-features-grid { padding: 1.5rem; grid-template-columns: 1fr 1fr 1fr; gap: 0.75rem; }
      .highlights-feature-tag { font-size: 1rem; padding: 0.5rem 1rem; }
      .schedule-highlights { grid-template-columns: 1fr 1fr 1fr; }
      .schedule-highlight-title { font-size: 1.5rem; }
      .schedule-highlight-desc { font-size: 1.125rem; }
      .schedule-stat-label { font-size: 1.125rem; }
      .schedule-stat-value { font-size: 1.5rem; }
      .students-grid { grid-template-columns: 1fr 1fr; }
      .student-title { font-size: 1.5rem; }
      .student-stage { font-size: 1rem; }
      .student-match span { font-size: 1.125rem; }
      .student-match svg { width: 1.25rem; height: 1.25rem; }
      .student-icon { width: 2.75rem; height: 2.75rem; margin-bottom: 0.75rem; }
      .review-stats { grid-template-columns: repeat(4, 1fr); }
      .review-stat { padding: 1.5rem; }
      .review-stat svg { width: 1.5rem; height: 1.5rem; }
      .review-stat-value { font-size: 2.25rem; }
      .review-stat-label { font-size: 1.125rem; }
      .photos-grid { grid-template-columns: 1fr 1fr 1fr; }
      .testimonials-grid { grid-template-columns: 1fr 1fr; }
      .testimonial-quote { font-size: 1.125rem; }
      .review-articles { grid-template-columns: 1fr 1fr; }
      .review-article-title { font-size: 1.125rem; }
      .cta-form { grid-template-columns: 2fr 1fr; gap: 2.5rem; }
      .cta-form-row { grid-template-columns: 1fr 1fr; gap: 2rem; }
      .cta-right { align-items: flex-start; margin-top: 0; }
      .cta-desc { font-size: 1.125rem; text-align: left; }
    }
    @media (min-width: 768px) {
      .hero-logos { top: 2.5rem; padding: 0 2.5rem; }
      .hero-logos-inner .logo-left { height: 2.5rem; }
      .hero-logos-inner .logo-right { height: 6rem; }
      .hero-title { font-size: 3rem; }
      .section-title { font-size: 2.25rem; }
      .yang-mentor-inner { flex-direction: row; padding: 2.5rem; }
      .yang-avatar { width: 12rem; height: 15rem; }
      .yang-info h3 { font-size: 1.875rem; }
      .yang-info .yang-title { font-size: 1.5rem; }
      .yang-articles { grid-template-columns: repeat(4, 1fr); }
      .yang-article-title { font-size: 1.125rem; }
      .schedule-modules { grid-template-columns: 1fr 1fr; }
      .schedule-module { border-bottom: none; border-right: 1px solid #e5e7eb; }
      .schedule-module:last-child { border-right: none; }
      .schedule-module-title { font-size: 1.5rem; }
      .schedule-module-tag { font-size: 0.875rem; }
      .students-grid { grid-template-columns: 1fr 1fr 1fr; }
    }
    @media (min-width: 1024px) {
      .hero-title { font-size: 4.5rem; }
      .hero-desc { font-size: 1.5rem; }
      .section-title { font-size: 2.5rem; }
    }

    /* SVG icon inline styles */
    .icon-svg { display: inline-block; vertical-align: middle; }