/* Programs Page Styles - Matching Framer Aesthetic */.programs-page {min-height: 100vh;background: #ffffff;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;font-weight: 400;color: #000;line-height: 1.2em;}.programs-header {z-index: 100;margin: 0;padding: 3.5px 0;width: 100%;box-shadow: 0px 0px 3px #383431;background-color: white;position: sticky;top: 0;}.programs-header-content {display: flex;justify-content: space-between;align-items: center;width: 100%;}.programs-logo {margin: 0;padding: 15px 0;font-size: 23px;letter-spacing: 5px;text-transform: uppercase;color: #000000;text-decoration: none;font-weight: bolder;}.cart-button {position: relative;background: #f5f5f5;border: none;border-radius: 15px;padding: 8px 15px;color: #000;font-weight: 400;cursor: pointer;transition: all 0.2s ease;font-size: 14px;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;white-space: nowrap;flex-shrink: 0;margin-right: 20px;}.cart-button:hover {background: #eeeeee;transform: translateY(-1px);}.cart-badge {position: absolute;top: -5px;right: -5px;background: #000;color: white;border-radius: 50%;width: 18px;height: 18px;font-size: 10px;display: flex;align-items: center;justify-content: center;font-weight: 500;}/* Mini Hero Section */.programs-mini-hero {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);padding: 60px 20px;text-align: center;border-bottom: 1px solid #eeeeee;}.mini-hero-content {max-width: 800px;margin: 0 auto;}.mini-hero-title {font-size: 36px;font-weight: 600;color: #000;margin: 0 0 20px 0;line-height: 1.2em;}.mini-hero-subtitle {font-size: 18px;color: #000;margin: 0 0 30px 0;line-height: 1.6;opacity: 0.8;}.mini-hero-button {background: #000;color: white;border: none;border-radius: 25px;padding: 15px 30px;font-size: 16px;font-weight: 500;cursor: pointer;transition: all 0.3s ease;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;text-decoration: none;display: inline-block;}.mini-hero-button:hover {background: #333;transform: translateY(-2px);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}.programs-hero {text-align: center;padding: 80px 20px;background: #ffffff;display: flex;flex-direction: column;align-items: center;justify-content: center;max-width: 960px;margin: 0 auto;}.hero-content {text-align: center;}.hero-branding {display: flex;flex-direction: column;align-items: center;gap: 15px;margin-bottom: 20px;}.hero-logo {width: 64px;height: 64px;-o-object-fit: contain; object-fit: contain;}.hero-title {font-size: 48px;font-weight: 500;color: #000;margin: 0;line-height: 1.2em;}.programs-hero p {font-size: 18px;color: #000;max-width: 600px;margin: 0;line-height: 1.6;opacity: 0.8;}.programs-content {padding: 80px 20px;max-width: 960px;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}.programs-grid {display: flex;flex-direction: row;flex-wrap: nowrap;gap: 20px;width: 100%;overflow-x: auto;padding-bottom: 20px;align-items: flex-start;justify-content: flex-start;}@media only screen and (min-width: 768px) {.programs-grid {flex-wrap: wrap;justify-content: center;overflow-x: visible;}}.loading-skeleton {display: flex;flex-direction: row;gap: 20px;width: 100%;overflow-x: auto;padding-bottom: 20px;}.skeleton-card {background: #f5f5f5;border-radius: 20px;padding: 40px;min-width: 300px;height: 440px;display: flex;flex-direction: column;align-items: center;justify-content: center;}.skeleton-image {width: 100%;height: 250px;background: #eeeeee;border-radius: 20px;margin-bottom: 20px;animation: pulse 1.5s ease-in-out infinite;}.skeleton-text {height: 16px;background: #eeeeee;border-radius: 8px;margin-bottom: 10px;animation: pulse 1.5s ease-in-out infinite;width: 100%;}.skeleton-text.short {width: 60%;}@keyframes pulse {0%, 100% {opacity: 1;}50% {opacity: 0.6;}}.empty-state {text-align: center;padding: 80px 20px;color: #000;opacity: 0.6;}.empty-state h2 {font-size: 24px;margin-bottom: 15px;color: #000;font-weight: 500;}/* Program Card Styles */.program-card {background: #f5f5f5;border-radius: 20px;overflow: hidden;transition: all 0.3s ease;cursor: pointer;min-width: 300px;width: 300px;min-height: 440px;display: flex;flex-direction: column;padding: 40px;position: relative;will-change: transform;flex-shrink: 0;}.program-card:hover {transform: translateY(-2px);}.program-image-container {position: relative;width: 100%;height: 250px;overflow: hidden;border-radius: 20px;background: #eeeeee;margin-bottom: 20px;flex-shrink: 0;}.program-info {display: flex;flex-direction: column;gap: 5px;flex: 1;}.program-title {font-size: 18px;font-weight: 500;color: #000;margin: 0;cursor: pointer;transition: opacity 0.2s ease;line-height: 1.2em;}.program-title:hover {opacity: 0.7;}.program-price {font-size: 16px;font-weight: 400;color: #000;margin: 0;opacity: 0.8;}.program-blurb {font-size: 14px;color: #000;margin: 5px 0 15px 0;line-height: 1.4;opacity: 0.6;}.program-actions {display: flex;align-items: center;gap: 10px;margin-top: auto;padding-top: 15px;}.download-btn {background: #000;color: white;border: none;border-radius: 20px;padding: 12px 20px;font-weight: 400;cursor: pointer;transition: all 0.2s ease;font-size: 14px;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;flex: 1;}.download-btn:hover:not(.disabled) {background: #333;transform: translateY(-1px);}.download-btn.disabled {background: #ccc;color: #666;cursor: not-allowed;transform: none;}/* Image placeholder */.program-image-container.no-image {display: flex;align-items: center;justify-content: center;background: #eeeeee;}.placeholder-image {color: #999;font-size: 14px;}.program-image {width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;transition: opacity 0.3s ease-in-out;}/* Toast Styles */.toast {position: fixed;bottom: 40px;right: 40px;background: #000;color: white;padding: 15px 20px;border-radius: 20px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);z-index: 1000;animation: slideIn 0.3s ease-out;font-size: 14px;font-weight: 400;}@keyframes slideIn {from {transform: translateX(100%);opacity: 0;}to {transform: translateX(0);opacity: 1;}}/* Mobile Responsive */@media only screen and (max-width: 768px) {.programs-header-content {padding: 0 15px;}.programs-logo {font-size: 18px;letter-spacing: 3px;}.programs-mini-hero {padding: 40px 20px;}.mini-hero-title {font-size: 28px;}.mini-hero-subtitle {font-size: 16px;}.programs-hero {padding: 40px 20px;}.programs-hero h1 {font-size: 36px;}.programs-content {padding: 40px 20px;}.programs-grid {flex-direction: column;align-items: center;}.toast {bottom: 20px;right: 20px;}}/* Mobile Responsive Styles */@media only screen and (max-width: 450px) {.programs-header-content {padding: 0;}.program-card {min-width: 250px;width: 250px;}}/* Program Card Image Enhancements */.program-image-container.clickable {cursor: pointer;position: relative;transition: transform 0.3s ease;}.program-image-container.clickable:hover {transform: scale(1.02);}.program-image-container.clickable:focus {outline: 2px solid #000;outline-offset: 2px;}.image-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.3s ease;border-radius: 20px;}.program-image-container.clickable:hover .image-overlay {opacity: 1;}.view-details {color: white;font-size: 14px;font-weight: 500;text-align: center;}.program-image-placeholder {position: relative;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}.click-hint {position: absolute;bottom: 10px;font-size: 12px;color: #666;opacity: 0.8;}/* Program Modal Styles */.program-modal-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.8);display: flex;align-items: center;justify-content: center;z-index: 1000;padding: 20px;animation: fadeIn 0.3s ease-out;}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}.program-modal {background: white;border-radius: 20px;max-width: 800px;width: 100%;max-height: 90vh;overflow-y: auto;position: relative;animation: slideInUp 0.3s ease-out;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);}@keyframes slideInUp {from {transform: translateY(50px);opacity: 0;}to {transform: translateY(0);opacity: 1;}}.modal-close-btn {position: absolute;top: 20px;right: 20px;background: rgba(255, 255, 255, 0.9);border: none;border-radius: 50%;width: 40px;height: 40px;font-size: 24px;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 10;transition: all 0.2s ease;color: #333;}.modal-close-btn:hover {background: white;transform: scale(1.1);}.modal-content {padding: 0;}/* Modal Hero Section */.modal-hero {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);padding: 60px 40px 40px;border-radius: 20px 20px 0 0;}.modal-hero-content {max-width: 900px;margin: 0 auto;}.hero-layout {display: flex;align-items: center;gap: 40px;}.hero-image-container {flex-shrink: 0;width: 280px;height: 350px;border-radius: 15px;overflow: hidden;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);background: white;display: flex;align-items: center;justify-content: center;}.hero-cover-image {width: 100%;height: 100%;-o-object-fit: cover; object-fit: cover;transition: transform 0.3s ease;}.hero-image-container:hover .hero-cover-image {transform: scale(1.05);}.hero-image-placeholder {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;background: #f8f9fa;color: #666;text-align: center;padding: 20px;}.placeholder-icon {font-size: 48px;margin-bottom: 15px;}.placeholder-text {font-size: 14px;font-weight: 500;text-transform: uppercase;letter-spacing: 1px;}.hero-text-content {flex: 1;text-align: left;}.program-badge {display: inline-block;background: #000;color: white;padding: 8px 16px;border-radius: 20px;font-size: 12px;font-weight: 600;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 20px;}.modal-title {font-size: 36px;font-weight: 600;color: #000;margin: 0 0 15px 0;line-height: 1.2;}.modal-subtitle {font-size: 18px;color: #666;margin: 0 0 30px 0;line-height: 1.6;}.modal-price {display: flex;flex-direction: column;align-items: center;gap: 5px;}.price-amount {font-size: 32px;font-weight: 700;color: #000;}.price-note {font-size: 14px;color: #666;opacity: 0.8;}/* Modal Features Section */.modal-features {padding: 50px 40px;background: white;}.modal-features h2 {font-size: 28px;font-weight: 600;color: #000;text-align: center;margin: 0 0 40px 0;}.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;max-width: 700px;margin: 0 auto;}.feature-item {display: flex;align-items: flex-start;gap: 15px;}.feature-icon {font-size: 24px;flex-shrink: 0;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: #f8f9fa;border-radius: 50%;}.feature-content h3 {font-size: 18px;font-weight: 600;color: #000;margin: 0 0 8px 0;}.feature-content p {font-size: 14px;color: #666;margin: 0;line-height: 1.5;}/* Modal Benefits Section */.modal-benefits {padding: 50px 40px;background: #f8f9fa;}.modal-benefits h2 {font-size: 28px;font-weight: 600;color: #000;text-align: center;margin: 0 0 40px 0;}.benefits-list {max-width: 500px;margin: 0 auto;display: flex;flex-direction: column;gap: 15px;}.benefit-item {display: flex;align-items: center;gap: 15px;font-size: 16px;color: #333;}.benefit-check {color: #28a745;font-weight: 700;font-size: 18px;flex-shrink: 0;}/* Modal CTA Section */.modal-cta {padding: 50px 40px;background: white;text-align: center;border-radius: 0 0 20px 20px;}.cta-content {max-width: 500px;margin: 0 auto;}.cta-content h3 {font-size: 24px;font-weight: 600;color: #000;margin: 0 0 15px 0;}.cta-content > p {font-size: 16px;color: #666;margin: 0 0 30px 0;}.modal-purchase-btn {background: #000;color: white;border: none;border-radius: 25px;padding: 18px 40px;font-size: 18px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;margin-bottom: 20px;width: 100%;max-width: 400px;}.modal-purchase-btn:hover {background: #333;transform: translateY(-2px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);}.cta-guarantee {font-size: 14px;color: #666;margin: 0;opacity: 0.8;}/* Tablet Responsive */@media (max-width: 1024px) and (min-width: 769px) {.hero-layout {gap: 30px;}.hero-image-container {width: 240px;height: 300px;}.modal-title {font-size: 32px;}}/* Mobile Responsive */@media (max-width: 768px) {.program-modal {margin: 10px;max-height: 95vh;}.modal-hero {padding: 40px 20px 30px;}.hero-layout {flex-direction: column;gap: 30px;text-align: center;}.hero-image-container {width: 220px;height: 280px;margin: 0 auto;}.hero-text-content {text-align: center;}.modal-title {font-size: 28px;}.modal-subtitle {font-size: 16px;}.price-amount {font-size: 28px;}.modal-features,.modal-benefits,.modal-cta {padding: 40px 20px;}.features-grid {grid-template-columns: 1fr;gap: 25px;}.modal-features h2,.modal-benefits h2 {font-size: 24px;}.modal-purchase-btn {padding: 15px 30px;font-size: 16px;}.modal-close-btn {top: 15px;right: 15px;width: 35px;height: 35px;font-size: 20px;}}/* Course Interest Survey Styles */.course-interest-survey {margin: 60px 0;padding: 0 20px;}.survey-container {max-width: 960px;margin: 0 auto;background: linear-gradient(135deg, #9bad50 0%, #7a9142 100%);border-radius: 25px;padding: 50px;position: relative;overflow: hidden;color: white;box-shadow: 0 20px 40px rgba(155, 173, 80, 0.3);}.survey-content {position: relative;z-index: 2;max-width: 600px;}.survey-header {text-align: left;margin-bottom: 40px;}.survey-icon {font-size: 48px;margin-bottom: 20px;display: block;}.survey-title {font-size: 36px;font-weight: 700;margin: 0 0 15px 0;line-height: 1.2;color: white;}.survey-subtitle {font-size: 18px;margin: 0;opacity: 0.9;line-height: 1.5;}.survey-features {margin-bottom: 40px;}.feature-row {display: flex;gap: 30px;margin-bottom: 20px;}.feature-item {display: flex;align-items: center;gap: 12px;flex: 1;}.feature-emoji {font-size: 20px;flex-shrink: 0;}.feature-text {font-size: 16px;font-weight: 500;opacity: 0.95;}.survey-cta {text-align: left;}.survey-button {background: white;color: #9bad50;border: none;border-radius: 50px;padding: 18px 35px;font-size: 18px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;gap: 15px;margin-bottom: 15px;font-family: Inter Variable, Inter, Inter Placeholder, sans-serif;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}.survey-button:hover {transform: translateY(-3px);box-shadow: 0 8px 25px rgba(155, 173, 80, 0.3);background: #f8f9fa;color: #7a9142;}.button-text {flex: 1;}.button-icon {font-size: 20px;transition: transform 0.3s ease;}.survey-button:hover .button-icon {transform: translateX(5px);}.survey-note {font-size: 14px;margin: 0;opacity: 0.8;font-style: italic;}/* Visual Elements */.survey-visual {position: absolute;right: -50px;top: 50%;transform: translateY(-50%);width: 300px;height: 300px;z-index: 1;}.visual-circle {position: absolute;width: 80px;height: 80px;background: rgba(255, 255, 255, 0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.3);animation: float 6s ease-in-out infinite;box-shadow: 0 4px 15px rgba(155, 173, 80, 0.2);}.circle-1 {top: 20px;right: 100px;animation-delay: 0s;}.circle-2 {top: 80px;right: 20px;animation-delay: 1.5s;}.circle-3 {bottom: 80px;right: 60px;animation-delay: 3s;}.circle-4 {bottom: 20px;right: 140px;animation-delay: 4.5s;}.circle-emoji {font-size: 24px;}@keyframes float {0%, 100% {transform: translateY(0px);}50% {transform: translateY(-20px);}}/* Responsive Design */@media (max-width: 1024px) {.survey-visual {right: -30px;width: 250px;height: 250px;}.visual-circle {width: 60px;height: 60px;}.circle-emoji {font-size: 20px;}}@media (max-width: 768px) {.course-interest-survey {margin: 40px 0;padding: 0 15px;}.survey-container {padding: 40px 30px;text-align: center;}.survey-header {text-align: center;margin-bottom: 30px;}.survey-title {font-size: 28px;}.survey-subtitle {font-size: 16px;}.feature-row {flex-direction: column;gap: 15px;align-items: center;}.feature-item {justify-content: center;max-width: 250px;}.survey-cta {text-align: center;}.survey-button {width: 100%;justify-content: center;padding: 16px 30px;font-size: 16px;}.survey-visual {display: none;}}@media (max-width: 480px) {.survey-container {padding: 30px 20px;}.survey-title {font-size: 24px;}.survey-icon {font-size: 40px;margin-bottom: 15px;}.feature-row {gap: 12px;}.feature-text {font-size: 14px;}}